fix: change the team team creation steps but only for hachathon

Author: serapieTuyishime

src/components/sections/challenges/TeamChallenge.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 import Section from "@/components/sections/communities/_partials/Section";
 import TeamChallengeCard from "@/components/cards/TeamChallenge";
-// import { Challenge } from "@/types/course";
 import { useSelector } from "@/hooks/useTypedSelector";
 
 /**
@@ -20,67 +19,52 @@ interface CardData {
  *  * @interface TeamChallengeCard
  */
 
-
 export default function TeamChallenge(): JSX.Element {
   const challenge = useSelector((state) => state.challenges.current);
 
-  const TeamChallengeData: CardData[] = [
-    {
-      index: 1,
-      title: "Form your team",
-      text: "Open discord channel #teams and find your teammates to complete the challenge with you",
-    },
-    {
-      index: 2,
-      title: "Confirm your team",
-      text: "Make sure your teammates accept notification to confirm your team",
-    },
-    {
-      index: 3,
-      title: "Submit!",
-      text: "Once you have completed the challenge, only one person needs to submit it at the end of this page",
-    },
-  ];
-
-  const HackathonData: CardData[] = [
-    {
-      index: 1,
-      title: "Form your team",
-      text: "Open Telegram channel https://t.me/+0oJye8IwAuxkMDY0 and find your teammates to complete the challenge with you",
-    },
-    {
-      index: 2,
-      title: "Confirm your team",
-      text: "Make sure your teammates accept notification to confirm your team",
-    },
-    {
-      index: 3,
-      title: "Submit!",
-      text: "Once you have completed the challenge, only one person needs to submit it at the end of this page",
-    },
-  ];
-
-  const challengeData: any = () => {
-    if (challenge?.isTeamChallenge && !challenge?.isHackathon) {
-      console.log("isTeamChallenge", challenge?.isTeamChallenge)
-       return TeamChallengeData.map((card) => (
-        <TeamChallengeCard key={`TeamChallenge-card-data-${card.index}`} index={card.index} title={card.title} text={card.text} />
-      ))
-    }
-    else if (challenge?.isHackathon){
-      console.log("isHackathon", challenge?.isHackathon)
-      return HackathonData.map((card) => (
-        <TeamChallengeCard key={`TeamChallenge-card-data-${card.index}`} index={card.index} title={card.title} text={card.text} />
-      ))
-  }
-}
+  const TeamChallengeData: CardData[] = challenge?.isHackathon
+    ? [
+        {
+          index: 1,
+          title: "Form your team",
+          text: "Open Telegram channel https://t.me/+0oJye8IwAuxkMDY0 and find your teammates to complete the challenge with you",
+        },
+        {
+          index: 2,
+          title: "Confirm your team",
+          text: "Make sure your teammates accept notification to confirm your team",
+        },
+        {
+          index: 3,
+          title: "Submit!",
+          text: "Once you have completed the challenge, only one person needs to submit it at the end of this page",
+        },
+      ]
+    : [
+        {
+          index: 1,
+          title: "Form your team",
+          text: "Open discord channel #teams and find your teammates to complete the challenge with you",
+        },
+        {
+          index: 2,
+          title: "Confirm your team",
+          text: "Make sure your teammates accept notification to confirm your team",
+        },
+        {
+          index: 3,
+          title: "Submit!",
+          text: "Once you have completed the challenge, only one person needs to submit it at the end of this page",
+        },
+      ];
 
   return (
     <Section title="Team Challenge">
       <div className="text-base font-normal text-slate-700 pt-8 pb-7 md:w-182.5">To complete the team challenge, you need to follow these steps:</div>
       <div className="md:flex flex-row gap-20 md:divide-y-0 divide-y divide-gray-900 divide-dotted space-y-5 md:space-y-0 space-x-0">
-
-{ challengeData() }
+        {TeamChallengeData.map((card) => (
+          <TeamChallengeCard key={`TeamChallenge-card-data-${card.index}`} index={card.index} title={card.title} text={card.text} />
+        ))}
       </div>
     </Section>
   );