refactor: add additiona information properties on the hackathon challenges

Author: serapieTuyishime

src/components/sections/challenges/Rubric.tsx

@@ -58,7 +58,7 @@ export default function RubricHeader({ ratingCriteria, selected, hideTitle = fal
     return (
       <div className="text-base font-normal text-slate-700 pt-8 md:w-182.5 inline-flex flex-wrap items-center gap-1">
         {challenge?.isHackathon ? (
-          <div dangerouslySetInnerHTML={{ __html: hackatonPassingScore }} />
+          <div dangerouslySetInnerHTML={{ __html: challenge?.additionalInfo?.gradingCriteria || hackatonPassingScore }} />
         ) : (
           passingScoreParts.map((part, index) => {
             if (index === passingScoreParts.length - 1) {
@@ -94,9 +94,8 @@ export default function RubricHeader({ ratingCriteria, selected, hideTitle = fal
                     {criteria.rubric.map((rubric, k) => (
                       <div
                         key={`criteria-rubic-item-${k}`}
-                        className={`text-sm border border-transparent sm:border-gray-200 px-0 py-2 sm:p-3.5 rounded-2xl ${
-                          selected?.length && !selectedRubric(rubric.id) ? "opacity-40" : "relative"
-                        }`}
+                        className={`text-sm border border-transparent sm:border-gray-200 px-0 py-2 sm:p-3.5 rounded-2xl ${selected?.length && !selectedRubric(rubric.id) ? "opacity-40" : "relative"
+                          }`}
                       >
                         {selectedRubric(rubric.id) && (
                           <span className="absolute right-2 bottom-3 w-3" style={{ color: colors?.textAccent }}>

src/components/sections/challenges/SetupTeamChallenge.tsx

@@ -20,13 +20,14 @@ interface Props {
 export default function SetupTeamChallenge(): JSX.Element {
   const { invite, challenge } = useMultiSelector<unknown, Props>({ invite: (state: IRootState) => state.invites.data, challenge: (state: IRootState) => state.challenges.current });
 
+  const description = challenge?.additionalInfo?.teamFormation || "Join DeArk - ICP.Hub Germany telegram group and find your teammates to complete the challenge with you."
   const { t } = useTranslation();
 
   return (
     <Section title="Submission">
       <div className="text-base font-normal text-slate-700 pt-8 pb-7 md:w-182.5">{t("communities.overview.challenge.team.setup.info")}</div>
       <div className="md:flex flex-row gap-5">
-        <FormTeamCard index={1} title="Form your team" description="Join DeArk - ICP.Hub Germany telegram group and find your teammates to complete the challenge with you." />
+        <FormTeamCard index={1} title="Form your team" description={description} />
         {invite && !invite.team?.locked ? (
           <ConfirmTeamInvitation index={2} title="Submit your team" text={`The maximum team members for this challenge is ${challenge?.teamLimit || "3"} people`} invite={invite} />
         ) : (

src/types/course.d.ts

@@ -78,6 +78,10 @@ export type Challenge = {
   teamLimit?: number;
   isHackathon?: boolean;
   multipleSubmissions?: boolean;
+  additionalInfo?: {
+    gradingCriteria?: string;
+    teamFormation?: string;
+  };
 };
 
 export type RatingCriteria = {