Function CompleteTrackCard

apps/web/components/admin/CompleteTrackCard.tsx:25–123

({ notionId, TrackData }: { notionId: string; TrackData: CompleteTrackCardProps })

  type: string;
}
const CompleteTrackCard = ({ notionId, TrackData }: { notionId: string; TrackData: CompleteTrackCardProps }) => {
  async function handleAddTrack() {
    setIsSubmitting(true);
    await createTrack({
      id: TrackData.trackId,
      title: TrackData.trackTitle,
      description: TrackData.trackDescription,
      image: TrackData.trackImage,
      hidden: false,
      problems: problems,
      selectedCategory: TrackData.selectedCategory,
      cohort: parseInt(TrackData.cohort),
      trackType: "NOTION",
    });
    await insertData(TrackData.trackId);
    setIsSubmitting(true);
  }

  const [addButton, setAddButton] = useState(false);
  const [problems, setProblems] = useState<{ problem: Prisma.ProblemCreateManyInput; sortingOrder: number }[]>([]);
  const [isSubmitting, setIsSubmitting] = useState(false);

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await fetch(`/api/AddTracks`, {
          method: "POST",
          headers: {
            "Content-Type": "application/json",
          },
          body: JSON.stringify({ notionId }),
        });
        if (response.ok) {
          const data: { notionDocId: string; title: string }[] = await response.json();

          const dbData: { problem: Prisma.ProblemCreateManyInput; sortingOrder: number }[] = [];

          for (let i = 0; i < data.length; i++) {
            let problem = {
              id: `${TrackData.trackTitle.replace(/[^a-zA-Z0-9]/g, "-")}-${i + 1}`,
              notionDocId: data[i]?.notionDocId!,
              title: data[i]?.title!,
              description: data[i]?.title!,
              type: ProblemType.Blog,
            };
            dbData.push({ problem, sortingOrder: data.length - i });
          }

          setProblems(dbData);
        } else {
          throw new Error("Failed to fetch data");
        }
      } catch (error) {
        console.error("Error fetching data:", error);
      }
    };

    if (notionId) {