added conditional display logic

Author: MasterHW

packages/grant-explorer/src/features/api/rounds.ts

@@ -31,10 +31,6 @@ export const useRounds = (
         }),
       ]);
 
-      rounds?.map((round) => {
-        console.log("rounds.ts applications: " + round?.applications?.length);
-      });
-
       return rounds.filter(
         (round) =>
           !spamRounds[round.chainId]?.[round.id.toLowerCase()] &&

packages/grant-explorer/src/features/discovery/ExploreRoundsPage.tsx

@@ -47,12 +47,6 @@ const ExploreRoundsPage = () => {
         className="flex-wrap"
         action={<RoundsFilter />}
       >
-        <div>
-          {rounds?.data?.map((round) => {
-            return <p>{"applications: " + round?.applications?.length}</p>;
-          })}
-        </div>
-
         <RoundsGrid {...rounds} loadingCount={6} roundType="all" />
       </LandingSection>
     </GradientLayout>

packages/grant-explorer/src/features/discovery/RoundCard.tsx

@@ -18,6 +18,7 @@ import { RoundDaysDetails } from "./RoundDaysDetails";
 import { RoundMatchAmountBadge } from "./RoundMatchAmountBadge";
 import { RoundStrategyBadge } from "./RoundStrategyBadge";
 import { RoundTimeBadge } from "./RoundTimeBadge";
+import { RoundProjects } from "./RoundProjects";
 import { Application, RoundGetRound } from "data-layer";
 import { parseChainIdIntoResult, stringToBlobUrl } from "common/dist/chains";
 
@@ -120,16 +121,6 @@ const RoundCard = ({ round, index, roundType }: RoundCardProps) => {
 
   const trackEventValue = getTrackEventValue(roundType, index);
 
-  applications.map((application) => {
-    console.log("applications: " + application.id);
-
-    const app = application as Application;
-    console.log("casted: ", JSON.stringify(app));
-    // return (
-    //   <p key={application.id}>{application.id}</p>
-    // )
-  });
-
   return (
     <BasicCard className="w-full">
       <a
@@ -172,18 +163,11 @@ const RoundCard = ({ round, index, roundType }: RoundCardProps) => {
           <div className="border-t" />
           <div className="flex justify-between">
             <div className="flex gap-2">
-              <Badge
-                disabled={totalApplicationCount === 0}
-                data-testid="approved-applications-count"
-              >
-                {totalApplicationCount} applications
-              </Badge>
-              <Badge
-                disabled={approvedApplications === 0}
-                data-testid="approved-applications-count"
-              >
-                {approvedApplications} projects
-              </Badge>
+              <RoundProjects
+                roundStates={roundStates}
+                totalApplicationCount={totalApplicationCount}
+                approvedApplications={approvedApplications}
+              />
               {strategyName !== ROUND_PAYOUT_DIRECT && (
                 <RoundMatchAmountBadge
                   chainId={chainId}

packages/grant-explorer/src/features/discovery/RoundProjects.tsx

@@ -0,0 +1,33 @@
+import { Badge } from "../common/styles";
+
+interface RoundProjectsProps {
+  roundStates: Array<"active" | "accepting-applications" | "ended"> | undefined;
+  totalApplicationCount: number;
+  approvedApplications: number;
+}
+
+export const RoundProjects: React.FC<RoundProjectsProps> = ({
+  roundStates,
+  totalApplicationCount,
+  approvedApplications,
+}) => {
+  if (roundStates?.includes("accepting-applications")) {
+    return (
+      <Badge
+        disabled={totalApplicationCount === 0}
+        data-testid="approved-applications-count"
+      >
+        {totalApplicationCount} applications
+      </Badge>
+    );
+  } else {
+    return (
+      <Badge
+        disabled={approvedApplications === 0}
+        data-testid="approved-applications-count"
+      >
+        {approvedApplications} projects
+      </Badge>
+    );
+  }
+};