chore: Add donation button for complete and partially_finances if che…

…ckeed

src/components/client/campaigns/CampaignCard/CampaignCard.tsx

@@ -10,7 +10,7 @@ import theme from 'common/theme'
 import Link from 'components/common/Link'
 import CampaignProgress from 'components/client/campaigns/CampaignProgress'
 import SuccessfullCampaignTag from '../SuccessfullCampaignTag'
-import { CampaignState } from '../helpers/campaign.enums'
+import { CampaignState, canAcceptDonationState } from '../helpers/campaign.enums'
 
 import { Root } from './CampaignCard.styled'
 import {
@@ -92,14 +92,15 @@ export default function ActiveCampaignCard({ campaign, index }: Props) {
         </StyledContent>
       </Link>
       <StyledCardActions disableSpacing>
-        {(campaignState === CampaignState.complete && !allowDonationOnComplete) || (
-          <DonateButton
-            href={routes.campaigns.oneTimeDonation(slug)}
-            variant="contained"
-            color="secondary">
-            {t('cta.support')}
-          </DonateButton>
-        )}
+        {campaignState === CampaignState.active ||
+          (canAcceptDonationState.has(campaignState) && !allowDonationOnComplete) || (
+            <DonateButton
+              href={routes.campaigns.oneTimeDonation(slug)}
+              variant="contained"
+              color="secondary">
+              {t('cta.support')}
+            </DonateButton>
+          )}
       </StyledCardActions>
     </Root>
   )

src/components/client/campaigns/helpers/campaign.enums.ts

@@ -9,6 +9,11 @@ export enum CampaignState {
   deleted = 'deleted',
 }
 
+export const canAcceptDonationState = new Set([
+  CampaignState.partially_financed,
+  CampaignState.complete,
+])
+
 export enum StatisticsGroupBy {
   DAY = 'day',
   WEEK = 'week',