fix: display challenges if they exist for the community metrics

Author: Jonath-z

public/locales/bg/common.json

@@ -176,6 +176,8 @@
   "communities.card.submissions": "{{count}} Изявления",
   "communities.card.submission": "{{count}} Подчинение",
   "communities.card.courses": "in {{count}}  Courses",
+  "communities.card.challenges": "{{count}} Предизвикателства",
+  "communities.card.challenge": "{{count}} Предизвикателство",
   "communities.card.course": "in {{count}}  Course",
 
   "communities.list-card.earn": "Earn",

public/locales/en/common.json

@@ -180,6 +180,8 @@
   "communities.card.submission": "{{count}} Submission",
   "communities.card.courses": "in {{count}} Courses",
   "communities.card.course": "in {{count}} Course",
+  "communities.card.challenges": "{{count}} Challenges",
+  "communities.card.challenge": "{{count}} Challenge",
   "communities.list-card.earn": "Earn",
   "course.challenge.button": "Start now",
   "course.challenge.level-0": "Beginner",

public/locales/es/common.json

@@ -180,6 +180,8 @@
   "communities.card.submission": "{{count}} Envío",
   "communities.card.courses": "en {{count}} Cursos",
   "communities.card.course": "en {{count}} Cursos",
+  "communities.card.challenges": "{{count}} Desafíos",
+  "communities.card.challenge": "{{count}} Desafío",
   "communities.list-card.earn": "Gane",
   "course.challenge.button": "Comience ahora",
   "course.challenge.level-0": "Principiante",

public/locales/hr/common.json

@@ -178,6 +178,8 @@
   "communities.card.submission": "{{count}} Podnošenje",
   "communities.card.courses": "in {{count}} Courses",
   "communities.card.course": "in {{count}} Course",
+  "communities.card.challenges": "{{count}} Izazovi",
+  "communities.card.challenge": "{{count}} Izazov",
   "communities.list-card.earn": "Earn",
   "course.challenge.button": "Start now",
   "course.challenge.level-0": "Beginner",

src/components/cards/community/index.tsx

@@ -58,6 +58,13 @@ export default function CommunityCard({ showRewards = true, community }: Communi
     };
   }, [colors]);
 
+  const renderCommunityMetrics = () => {
+    if (community.challenges) {
+      return t(community.challenges !== 1 ? "communities.card.challenges" : "communities.card.challenge", { count: community.challenges });
+    }
+    return t(community.courses !== 1 ? "communities.card.courses" : "communities.card.course", { count: community.courses });
+  };
+
   return (
     <ThemeWrapper colors={community.colors}>
       <div onClick={() => router.push(path)} className="block h-full hover:cursor-pointer">
@@ -83,9 +90,7 @@ export default function CommunityCard({ showRewards = true, community }: Communi
           <div className="flex justify-between flex-none mt-4">
             <div className="flex flex-col space-y-0">
               <div className="mt-4 font-medium text-theme-accent">{t("communities.card.earn")}</div>
-              <div className="mt-4 font-light text-theme-accent">
-                {t(community.courses !== 1 ? "communities.card.courses" : "communities.card.course", { count: community.courses })}
-              </div>
+              <div className="mt-4 font-light text-theme-accent">{renderCommunityMetrics()}</div>
             </div>
             <div className="mt-4 align-middle">
               <Link href={path}>

src/types/community.d.ts

@@ -19,6 +19,7 @@ export interface Community {
   rewards: Reward[];
   reward: Reward;
   courses: number;
+  challenges: number;
   duration: number;
   items?: any[];
   challenge: Challenge;