amends for ICP Hackathon

Author: gabrielaacha

public/locales/en/common.json

@@ -134,7 +134,7 @@
   "communities.challenge.criteria.subtitle": "The following learning materials will equip you with the technical expertise required to successfully address the challenge.",
   "communities.challenge.criteria.points": "Points",
   "communities.challenge.passing.score.description": "In order to earn {{coinPlaceholder}} <strong>{{amount}}</strong> <strong>{{token}}</strong> you must get at least <strong>{{minPoints}}</strong> out of <strong>{{maxPoints}}</strong> Points in this challenge.",
-  "communities.challenge.hackathon.passing.score": "You need to get <strong>90%</strong> to get into the prize pool and earn prizes worth of <strong>USD 7,000.</strong>",
+  "communities.challenge.hackathon.passing.score": "You need to get <strong>90 points</strong> to get into the prize pool and earn prizes worth of <strong>USD 10,000</strong>. Earn some extra points through your localization's implementations.",
   "communities.challenge.submission": "Submission",
   "communities.challenge.submit": "Submit",
   "communities.challenge.feedback": "Feedback",

src/components/sections/challenges/TeamChallenge.tsx

@@ -1,6 +1,8 @@
 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";
 
 /**
  * Data structure for a card.
@@ -15,8 +17,13 @@ interface CardData {
  * TeamChallenge component.
  *
  * @returns {JSX.Element} The TeamChallenge component JSX element.
+ *  * @interface TeamChallengeCard
  */
+
+
 export default function TeamChallenge(): JSX.Element {
+  const challenge = useSelector((state) => state.challenges.current);
+
   const TeamChallengeData: CardData[] = [
     {
       index: 1,
@@ -31,17 +38,49 @@ export default function TeamChallenge(): JSX.Element {
     {
       index: 3,
       title: "Submit!",
-      text: "Once you have completed the challenge, only person needs to submit it at the end of this page",
+      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} />
+      ))
+  }
+}
+
   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">
-        {TeamChallengeData.map((card) => (
-          <TeamChallengeCard key={`TeamChallenge-card-data-${card.index}`} index={card.index} title={card.title} text={card.text} />
-        ))}
+
+{ challengeData() }
       </div>
     </Section>
   );

src/pages/bounties/index.tsx

@@ -1,4 +1,4 @@
-import { ReactElement, useCallback, useEffect } from "react";
+import { ReactElement, useCallback, useEffect, useMemo } from "react";
 import Navigation from "@/components/sections/bounties/Navigation";
 import BountyList from "@/components/list/Bounty";
 import { useTranslation } from "react-i18next";
@@ -32,6 +32,25 @@ interface bountiesMultiSelector {
  * @type {Bounty}
  */
 
+const defaulBounty = {
+  name: "Tezos Starter Course",
+  image: "/img/communities/tacode.svg",
+  type: "Challenge",
+  link: "https://tacode.dev/courses/dev-starter/challenges/f9c23fc7-3022-4347-b19c-66cc2424ac2f",
+  colors: {
+    text: "#0D61FF",
+    accent: "#0D61FF",
+    textAccent: "#fff",
+    primary: "#0D61FF",
+  },
+  reward: {
+    amount: 12,
+    token: "tez",
+    type: "SUBMISSION",
+  },
+  url: "https://tacode.dev/courses/dev-starter",
+};
+
 /**
  * Bounties page component
  * @date 5/16/2023 - 11:39:56 AM
@@ -56,6 +75,7 @@ export default function Bounties() {
     bounties: (state: IRootState) => state.bounties.bountiesList,
   });
 
+  const bountiesList = useMemo(() => [defaulBounty, ...(bounties || [])], [bounties]);
 
   return (
     <div className="flex justify-center content-wrapper">
@@ -64,7 +84,7 @@ export default function Bounties() {
       </div>
       <div className="flex-col w-full">
         <h1 className="text-4xl sm:text-5xl pt-10 md:pt-20 pb-10">{t("nav.bounties")}</h1>
-        <BountyList bounties={bounties as Bounty[]} referrals={referrals} />
+        <BountyList bounties={bountiesList as Bounty[]} referrals={referrals} />
       </div>
     </div>
   );

src/pages/communities/[slug]/challenges/[challenge_id]/index.tsx

@@ -129,7 +129,9 @@ export default function ChallengePage() {
             <Header />
             <Rewards />
             <Objectives />
-            {challenge.isTeamChallenge && <TeamChallenge />}
+            {/* {challenge.isTeamChallenge && <TeamChallenge />} */}
+            <TeamChallenge />
+
             <Learning courses={challenge.courses} learningModules={challenge.learningModules} community={community} />
             <RatingRubric ratingCriteria={challenge?.ratingCriteria} selected={[]} />
             <BestSubmissions />