Merge pull request #1028 from dacadeorg/ft/show-submission-form-for-multiple-submissions

Ft/show submission form for multiple submissions

Author: musayann

public/locales/bg/common.json

@@ -119,6 +119,8 @@
   "communities.overview.challenge.team.setup.submit-title": "Изпратете вашия екип",
   "communities.overview.challenge.submission.description": "Поставете кода на вашия екип по-долу и той автоматично ще създаде връзки към всички профили.",
   "communities.challenge.submission.hint": "Подаването ще бъде активирано, когато всички членове на екипа приемат поканата и екипът бъде напълно сформиран.",
+  "communities.challenge.submission.multiple-submissions": "Можете да участвате многократно в това предизвикателство.",
+  "communities.challenge.submission.no-multiple-submissions": "Можете да изпратите само <strong>веднъж</strong> това предизвикателство",
   "communities.overview.challenge.deadline": "Краен срок",
   "communities.overview.challenge.submissions-closed": "Предложенията за това предизвикателство вече са затворени.",
   "communities.reward": "Награди",
@@ -130,7 +132,7 @@
   "communities.challenge.criteria.title": "Rating Rubric",
   "communities.challenge.criteria.subtitle": "Следните учебни материали ще ви дадат необходимата техническа експертиза, за да се справите успешно с предизвикателството.",
   "communities.challenge.criteria.points": "Points",
-  "communities.challenge.passing.score.description": "За да спечелите {{coinPlaceholder}} <strong>{{amount}}</strong> <strong>{{token}}</strong>, трябва да получите поне <strong>{{minPoints}}</strong> от <strong>{{maxPoints}}</strong> точки в този предизвикателство.",
+  "communities.challenge.passing.score.description": "За да  {{coinPlaceholder}} <strong>{{amount}}</strong> <strong>{{token}}</strong>, трябва да получите поне <strong>{{minPoints}}</strong> от <strong>{{maxPoints}}</strong> точки в този предизвикателство.",
   "communities.challenge.hackathon.passing.score": "Трябва да получите <strong>90%</strong>, за да влезете в наградния фонд и да спечелите награди на стойност <strong>7 000 щатски долара.</strong>",
   "communities.challenge.submission": "заявка",
   "communities.challenge.submit": "Изпращане",

public/locales/en/common.json

@@ -125,6 +125,8 @@
   "communities.overview.challenge.team.setup.submit-title": "Submit your team",
   "communities.overview.challenge.submission.description": "Paste the code of your team below and it will automatically link to all the profiles",
   "communities.challenge.submission.hint": "Submissions will be enabled when when all the team members accept the invitation and the team is fully formed.",
+  "communities.challenge.submission.multiple-submissions": "You can submit multiple times to this challenge.",
+  "communities.challenge.submission.no-multiple-submissions": "You can only submit  <strong>once</strong> to this challenge",
   "communities.overview.challenge.deadline": "Deadline",
   "communities.overview.challenge.submissions-closed": "Submissions for this challenge are now closed.",
   "communities.challenge.hint": "Hint",

public/locales/es/common.json

@@ -124,6 +124,8 @@
   "communities.overview.challenge.team.setup.submit-title": "Envía tu equipo",
   "communities.overview.challenge.submission.description": "Pega el código de tu equipo a continuación y se enlazará automáticamente a todos los perfiles.",
   "communities.challenge.submission.hint": "Las presentaciones estarán habilitadas cuando todos los miembros del equipo acepten la invitación y el equipo esté completamente formado.",
+  "communities.challenge.submission.multiple-submissions": "Puedes enviar varias veces a este desafío.",
+  "communities.challenge.submission.no-multiple-submissions": "Solo puedes enviar <strong>una</strong> a este desafío.",
   "communities.overview.challenge.deadline": "Fecha límite",
   "communities.overview.challenge.submissions-closed": "Las inscripciones para este desafío ya están cerradas.",
   "communities.challenge.hint": "Pista",

public/locales/hr/common.json

@@ -172,6 +172,8 @@
   "communities.overview.challenge.team.setup.submit-title": "Pošaljite svoj tim",
   "communities.overview.challenge.submission.description": "Zalijepite kod svog tima u nastavku i automatski će se povezati sa svim profilima.",
   "communities.challenge.submission.hint": "Podnošenje će biti omogućeno kada svi članovi tima prihvate pozivnicu i tim bude potpuno formiran.",
+  "communities.challenge.submission.multiple-submissions": "Možete se više puta prijaviti na ovaj izazov.",
+  "communities.challenge.submission.no-multiple-submissions": "Na ovaj izazov možete se prijaviti samo <strong>jednom</strong>",
   "communities.overview.challenge.deadline": "Rok",
   "communities.overview.challenge.submissions-closed": "Prijave za ovaj izazov sada su zatvorene.",
   "communities.card.submissions": "{{count}} Podnesci",

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?.multipleSubmissions);
+  }, [challenge?.multipleSubmissions, submission]);
+
   const navigation = useNavigation();
   const { query, locale } = useRouter();
   const { challenge_id, slug } = query;
@@ -137,19 +141,31 @@ export default function ChallengePage() {
                     <Loader />
                   </div>
                 ) : (
-                  <>
-                    {submission ? (
-                      <div className="mt-8">
-                        <h4 className="my-8 text-.5xl font-medium">{t("communities.challenge.your-submission")}</h4>
+                  <div className="grid mt-8 space-y-8">
+                    <Hint>
+                      <p
+                        className="text-lg py-4"
+                        dangerouslySetInnerHTML={{
+                          __html: t(
+                            challenge?.multipleSubmissions ? "communities.challenge.submission.multiple-submissions" : "communities.challenge.submission.no-multiple-submissions"
+                          ),
+                        }}
+                      ></p>
+                    </Hint>
+                    {submission && (
+                      <>
+                        <h4 className="text-.5xl font-medium">{t("communities.challenge.your-submission")}</h4>
                         <SubmissionCard submission={submission} />
-                      </div>
-                    ) : (
+                      </>
+                    )}
+
+                    {canSubmit && (
                       <>
                         {challenge.isTeamChallenge && <SetupTeamChallenge />}
                         <SubmissionForm />
                       </>
                     )}
-                  </>
+                  </div>
                 )}
               </div>
             ) : (

src/types/course.d.ts

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