refactor: add challenges description translations

Author: Odile078

public/locales/bg/common.json

@@ -89,6 +89,8 @@
   "page.protocols.contact.name.2": "Paul Walton",
   "page.protocols.contact.title.2": "Business Development",
   "page.protocols.contact.email.2": "[email protected]",
+  "communities.overview.challenges.title": "Предизвикателства",
+  "communities.overview.challenges.description": "В курсовете на тази общност ще имате възможност да научите за нови технологии, да решавате предизвикателства, да получавате обратна връзка и да печелите награди.",
   "communities.overview.challenge": "Creative Challenge",
   "communities.overview.chapter": "Chapter Overview",
   "communities.overview.learning-modules": "Learning Modules",
@@ -165,8 +167,8 @@
   "communities.navigation.language.es": "Spanish",
   "communities.overview.courses.title": "Courses",
   "communities.overview.courses.description": "In the courses of this community, you will be able to learn about new technologies, solve challenges, get feedback and earn bounties.",
-  "communities.overview.scoreboard.title": "Scoreboard",
-  "communities.overview.scoreboard.description": "On the scoreboard, you can see which users have accumulated the most reputation by giving valuable feedback to their peers.",
+  "communities.overview.scoreboard.title": "Табло за резултати",
+  "communities.overview.scoreboard.description": "На таблото можете да видите кои потребители са натрупали най-много репутация, като предоставят ценни обратни връзки на своите колеги.",
   "communities.scoreboard.empty-state.title": "Няма оценки за тази категория.",
   "communities.card.estimated": "Estimated Time",
   "communities.card.earn": "Earn rewards",

public/locales/en/common.json

@@ -110,6 +110,8 @@
   "communities.submissions": "Submissions",
   "communities.submission": "Submission",
   "communities.challenge.title": "Challenge",
+  "communities.overview.challenges.title": "Challenges",
+  "communities.overview.challenges.description": "In the courses of this community, you will be able to learn about new technologies, solve challenges, get feedback, and earn bounties.",
   "communities.overview.challenge.title": "Already ready to complete the challenge?",
   "communities.overview.challenge.rewards": " Rewards",
   "communities.overview.challenge.certificate": "Certificate",

public/locales/es/common.json

@@ -110,6 +110,8 @@
   "communities.submissions": "Propuestas",
   "communities.submission": "Envío",
   "communities.challenge.title": "Reto",
+  "communities.overview.challenges.title": "Desafíos",
+  "communities.overview.challenges.description": "En los cursos de esta comunidad, podrás aprender sobre nuevas tecnologías, resolver desafíos, recibir retroalimentación y ganar recompensas.",
   "communities.overview.challenge.rewards": "Recompensas",
   "communities.overview.challenge.certificate": "Certificate",
   "communities.overview.challenge.subtitle": "Al completar con éxito",

public/locales/hr/common.json

@@ -89,6 +89,8 @@
   "page.protocols.contact.name.2": "Paul Walton",
   "page.protocols.contact.title.2": "Business Development",
   "page.protocols.contact.email.2": "[email protected]",
+  "communities.overview.challenges.title": "Izazovi",
+  "communities.overview.challenges.description": "Kroz tečajeve ove zajednice, moći ćete učiti o novim tehnologijama, rješavati izazove, dobivati povratne informacije i zarađivati nagrade.",
   "communities.overview.challenge": "Kreativni izazov",
   "communities.overview.chapter": "Chapter Overview",
   "communities.overview.learning-modules": "Moduli učenja",
@@ -152,8 +154,8 @@
   "communities.navigation.language.es": "Spanish",
   "communities.overview.courses.title": "Courses",
   "communities.overview.courses.description": "In the courses of this community, you will be able to learn about new technologies, solve challenges, get feedback and earn bounties.",
-  "communities.overview.scoreboard.title": "Scoreboard",
-  "communities.overview.scoreboard.description": "On the scoreboard, you can see which users have accumulated the most reputation by giving valuable feedback to their peers.",
+  "communities.overview.scoreboard.title": "Rezultatska ploča",
+  "communities.overview.scoreboard.description": "Na ploči rezultata možete vidjeti koji su korisnici stekli najviše reputacije pružanjem vrijednih povratnih informacija svojim kolegama.",
   "communities.scoreboard.empty-state.title": "Nema bodova za ovu kategoriju.",
   "communities.card.estimated": "Estimated Time",
   "communities.card.earn": "Earn rewards",

src/components/sections/communities/overview/Sidebar.tsx

@@ -1,6 +1,7 @@
 import { useSelector } from "@/hooks/useTypedSelector";
 import Link from "next/link";
 import { useRouter } from "next/router";
+import { useTranslation } from "react-i18next";
 
 /**
  * @interface SidebarProps
@@ -16,6 +17,7 @@ export default function Sidebar(): JSX.Element {
   const currentCommunity = useSelector((state) => state.communities.current);
   const hasCurrentCommunity = !!currentCommunity; // Check if currentCommunity exists
   const router = useRouter();
+  const { t } = useTranslation();
 
   /**
    * Checks if the given link is the active (current) route.
@@ -33,19 +35,15 @@ export default function Sidebar(): JSX.Element {
     <div className="flex flex-col divide-y divide-solid divide-gray-100 w-full text-gray-700 space-y-6">
       <Link href={mainLink}>
         <div className={isActive(mainLink) ? "" : "opacity-80"}>
-          <div className="font-medium text-.5xl leading-snug">Challenges</div>
-          <div className="text-sm font-light lg:w-full lg:pr-7 pt-2 mb-6 md:mb-0">
-            In the courses of this community, you will be able to learn about new technologies, solve challenges, get feedback, and earn bounties.
-          </div>
+          <div className="font-medium text-.5xl leading-snug">{t("communities.overview.challenges.title")}</div>
+          <div className="text-sm font-light lg:w-full lg:pr-7 pt-2 mb-6 md:mb-0">{t("communities.overview.challenges.description")} </div>
         </div>
       </Link>
       {hasCurrentCommunity && (
         <Link href={scoreboardLink}>
           <div className={isActive(scoreboardLink) ? "pt-5" : "opacity-80 md:block hidden scroll-smooth pt-5"}>
-            <div className="font-medium text-.5xl leading-snug">Scoreboard</div>
-            <div className="text-sm font-light lg:w-full lg:pr-7 pt-2 mb-6 md:mb-0">
-              On the scoreboard, you can see which users have accumulated the most reputation by giving valuable feedback to their peers.
-            </div>
+            <div className="font-medium text-.5xl leading-snug">{t("communities.overview.scoreboard.title")}</div>
+            <div className="text-sm font-light lg:w-full lg:pr-7 pt-2 mb-6 md:mb-0">{t("communities.overview.scoreboard.description")}</div>
           </div>
         </Link>
       )}

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

@@ -11,24 +11,25 @@ import { fetchCurrentCommunity } from "@/store/services/community.service";
 import { fetchAllChallenges } from "@/store/services/communities/challenges";
 import { NotFoundError } from "@/utilities/errors/NotFoundError";
 import { fetchAllScoreboards } from "@/store/services/communities/scoreboard.service";
+import { useTranslation } from "react-i18next";
+
 export default function Slug(props: {
   pageProps: {
     community: Community;
     challenges: Challenge[];
   };
 }): ReactElement {
   const { community, challenges } = props.pageProps;
+  const { t } = useTranslation();
   return (
     <CommunityWrapper>
       {challenges.map((challenge) => (
         <ChallengeCard key={challenge.id} data={challenge} community={community} />
       ))}
       <div className="md:hidden">
         <div className="active md:hidden mb-7 scroll-smooth pt-5">
-          <div className="font-medium text-.5xl leading-snug">Scoreboard</div>
-          <div className="text-sm font-light lg:w-full lg:pr-7 pt-2">
-            On the scoreboard, you can see which users have accumulated the most reputation by giving valuable feedback to their peers.
-          </div>
+          <div className="font-medium text-.5xl leading-snug">{t("communities.overview.scoreboard.title")}</div>
+          <div className="text-sm font-light lg:w-full lg:pr-7 pt-2">{t("communities.overview.scoreboard.description")} </div>
         </div>
         <Scoreboard />
       </div>
@@ -44,18 +45,18 @@ export const getServerSideProps = wrapper.getServerSideProps((store) => async ({
   try {
     const slug = params?.slug as string;
 
-    const [{ data: community }, { data: challenges }, { data: scoreboards }, translations] = await Promise.all([
+    const [{ data: community }, { data: challenges }, { data: scoreboard }, translations] = await Promise.all([
       store.dispatch(fetchCurrentCommunity({ slug, locale })),
       store.dispatch(fetchAllChallenges({ slug })),
       store.dispatch(fetchAllScoreboards({ slug, locale: locale || "en" })),
       serverSideTranslations(locale as string),
     ]);
-    if (!community || !challenges || !scoreboards) throw new NotFoundError();
+    if (!community || !challenges || !scoreboard) throw new NotFoundError();
     return {
       props: {
         community,
         challenges,
-        scoreboards,
+        scoreboard,
         ...translations,
       },
     };