refactor: add fiat currency token on the rewards card

Author: serapieTuyishime

src/components/cards/challenge/Challenge.tsx

@@ -60,7 +60,7 @@ export default function ChallengeCard({ data, community, isCourseEnd }: Challeng
                 <div className="md:pl-2 max-w-max">
                   <div className="flex text-sm text-gray-700">
                     <span className="block font-medium">
-                      {shortenNumber(totalReward)} {reward?.token} {` ${data?.isHackathon ? `Prize pool` : ""} rewards`}
+                      {shortenNumber(totalReward)} {reward?.fiatCurrency ? `${reward?.fiatCurrency} in` : ''} {reward?.token} {` ${data?.isHackathon ? `Prize pool` : ""} rewards`}
                     </span>
                   </div>
                   <div className="text-gray-400 text-xs font-normal">{data?.isHackathon ? "Top projects win money prizes" : "For submission and feedback"}</div>

src/components/cards/challenge/Overview.tsx

@@ -55,6 +55,7 @@ export default function Overview({ challenge, community }: Props) {
             <div className="text-sm md:pl-2 max-w-max">
               <div className="flex gap-1 text-gray-700 font-medium">
                 <span>{shortenNumber(reward.amount)}</span>
+                <span>{reward?.fiatCurrency ? `${reward?.fiatCurrency} in` : ''}</span>
                 <span>{reward?.token}</span>
                 <span>{t("communities.overview.challenge.rewards")}</span>
               </div>

src/components/sections/challenges/_partials/HackathonPrize.tsx

@@ -6,7 +6,7 @@ export default function HackathonPrize({ reward, description }: { reward: Reward
   return (
     <>
       <div className="flex gap-1 text-gray-700 font-medium">
-        <span>{`${shortenNumber(reward?.amount)} ${reward.token} Prize Pool`}</span>
+        <span>{`${shortenNumber(reward?.amount)} ${reward?.fiatCurrency ? `${reward?.fiatCurrency} in` : ''} ${reward.token} Prize Pool`}</span>
         <span>{description}</span>
       </div>
       <div className="text-gray-400 text-xs font-medium leading-3 mt-1 flex">

src/types/course.d.ts

@@ -144,6 +144,7 @@ export type Reward = {
   community: string;
   token: string;
   stable: boolean;
+  fiatCurrency?: string;
   amount: number;
   timestamp: number;
   distribution?: Distribution;