feat: show submission form for multiple submissons

Author: serapieTuyishime

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

@@ -69,6 +69,10 @@ export default function ChallengePage() {
   });
   const title = useMemo(() => getMetadataTitle(t("communities.challenge.title"), challenge?.name || ""), [challenge?.name, t]);
 
+  const canSubmit = useMemo(() => {
+    return !submission || (submission && challenge?.supportMultipleSubmissions);
+  }, [challenge?.supportMultipleSubmissions, submission]);
+
   const navigation = useNavigation();
   const router = useRouter();
   const { challenge_id, slug, locale } = router.query;
@@ -136,12 +140,14 @@ export default function ChallengePage() {
                   </div>
                 ) : (
                   <>
-                    {submission ? (
+                    {submission && (
                       <div className="mt-8">
                         <h4 className="my-8 text-.5xl font-medium">{t("communities.challenge.your-submission")}</h4>
                         <SubmissionCard submission={submission} />
                       </div>
-                    ) : (
+                    )}
+                    <Hint className="mt-8">{challenge?.supportMultipleSubmissions ? <>You can submit multiple times to this challenge.</> : <>You can only submit once</>}</Hint>
+                    {canSubmit && (
                       <>
                         {challenge.isTeamChallenge && <SetupTeamChallenge />}
                         <SubmissionForm />

src/types/course.d.ts

@@ -77,6 +77,7 @@ export type Challenge = {
   bestSubmissions: Submission[];
   teamLimit?: number;
   isHackathon?: boolean;
+  supportMultipleSubmissions?: boolean;
 };
 
 export type RatingCriteria = {
@@ -140,7 +141,7 @@ export type Reward = {
   amount: number;
   timestamp: number;
   distribution?: Distribution;
-  };
+};
 export type Distribution = {
   first: string;
   second: string;