ui: Remove donation button from campaign card if completed (#1841)

* Remove Donate button from the successful campaign cards on Campaign listing page #1778 * Remove disabled option and yarn format
podkrepi-bg · Jun 17, 2024 · c7aa30f · c7aa30f
1 parent ae19aeb
commit c7aa30f
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/src/components/client/campaigns/CampaignCard/CampaignCard.tsx b/src/components/client/campaigns/CampaignCard/CampaignCard.tsx
@@ -92,13 +92,14 @@ export default function ActiveCampaignCard({ campaign, index }: Props) {
         </StyledContent>
       </Link>
       <StyledCardActions disableSpacing>
-        <DonateButton
-          href={routes.campaigns.oneTimeDonation(slug)}
-          disabled={campaignState === CampaignState.complete && !allowDonationOnComplete}
-          variant="contained"
-          color="secondary">
-          {t('cta.support')}
-        </DonateButton>
+        {(campaignState === CampaignState.complete && !allowDonationOnComplete) || (
+          <DonateButton
+            href={routes.campaigns.oneTimeDonation(slug)}
+            variant="contained"
+            color="secondary">
+            {t('cta.support')}
+          </DonateButton>
+        )}
       </StyledCardActions>
     </Root>
   )