From 256a7034bc46193bcb72991a0237e39a5bc6620c Mon Sep 17 00:00:00 2001
From: Alexander Petkov <sashko506@gmail.com>
Date: Wed, 13 Dec 2023 16:05:00 +0200
Subject: [PATCH] client/Campaigns: Fix NaN due to guaranteedAmount missing

---
 src/components/client/campaigns/CampaignCard/CampaignCard.tsx | 2 +-
 src/components/client/campaigns/CampaignDetails.tsx           | 4 ++--
 src/components/client/campaigns/InlineDonation.tsx            | 2 +-
 .../ActiveCampaignCard/ActiveCampaignCard.tsx                 | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/client/campaigns/CampaignCard/CampaignCard.tsx b/src/components/client/campaigns/CampaignCard/CampaignCard.tsx
index d99672f4f..cf1ab0d60 100644
--- a/src/components/client/campaigns/CampaignCard/CampaignCard.tsx
+++ b/src/components/client/campaigns/CampaignCard/CampaignCard.tsx
@@ -40,7 +40,7 @@ export default function ActiveCampaignCard({ campaign, index }: Props) {
 
   const campaignImagesUrl = campaignListPictureUrl(campaign)
 
-  const reached = summary ? summary.reachedAmount + summary.guaranteedAmount : 0
+  const reached = summary ? summary.reachedAmount + (summary.guaranteedAmount ?? 0) : 0
   const reachedAmount = moneyPublic(reached)
   const targetAmount = moneyPublic(campaign.targetAmount)
   const percentage = (reached / target) * 100
diff --git a/src/components/client/campaigns/CampaignDetails.tsx b/src/components/client/campaigns/CampaignDetails.tsx
index 0c6987e4e..3a9bf57de 100644
--- a/src/components/client/campaigns/CampaignDetails.tsx
+++ b/src/components/client/campaigns/CampaignDetails.tsx
@@ -203,7 +203,7 @@ type CampaignFinanceProps = Props & {
   expenses: number
 }
 const CampaignFinanceSummary = ({ campaign, expenses }: CampaignFinanceProps) => {
-  const total = campaign.summary.guaranteedAmount + campaign.summary.reachedAmount
+  const total = (campaign.summary.guaranteedAmount ?? 0) + campaign.summary.reachedAmount
   const transferred = campaign.summary.blockedAmount + campaign.summary.withdrawnAmount
   return (
     <StyledGrid item>
@@ -219,7 +219,7 @@ const CampaignFinanceSummary = ({ campaign, expenses }: CampaignFinanceProps) =>
         </Tooltip>
       </Typography>
       <Typography className={classes.financeSummary}>
-        Гарантирани: {moneyPublic(campaign.summary.guaranteedAmount)}
+        Гарантирани: {moneyPublic(campaign.summary.guaranteedAmount ?? 0)}
         <Tooltip
           enterTouchDelay={0}
           title={
diff --git a/src/components/client/campaigns/InlineDonation.tsx b/src/components/client/campaigns/InlineDonation.tsx
index 530e4b05d..cd58f931f 100644
--- a/src/components/client/campaigns/InlineDonation.tsx
+++ b/src/components/client/campaigns/InlineDonation.tsx
@@ -279,7 +279,7 @@ export default function InlineDonation({ campaign }: Props) {
     state: campaignState,
     slug: campaignSlug,
   } = campaign
-  const reached = summary ? summary.reachedAmount + summary.guaranteedAmount : 0
+  const reached = summary ? summary.reachedAmount + (summary.guaranteedAmount ?? 0) : 0
   const reachedAmount = moneyPublic(reached)
   const targetAmount = moneyPublic(campaign.targetAmount)
   const donors = summary?.donors ?? 0
diff --git a/src/components/client/index/sections/ActiveCampaignsSection/ActiveCampaignCard/ActiveCampaignCard.tsx b/src/components/client/index/sections/ActiveCampaignsSection/ActiveCampaignCard/ActiveCampaignCard.tsx
index c6cb1b551..33d1d03d6 100644
--- a/src/components/client/index/sections/ActiveCampaignsSection/ActiveCampaignCard/ActiveCampaignCard.tsx
+++ b/src/components/client/index/sections/ActiveCampaignsSection/ActiveCampaignCard/ActiveCampaignCard.tsx
@@ -29,7 +29,7 @@ export default function ActiveCampaignCard({ campaign, index }: Props) {
   const { id, slug, title, summary, targetAmount: target } = campaign
   const campaignImagesUrl = campaignListPictureUrl(campaign)
 
-  const reached = summary ? summary.reachedAmount + campaign.summary.guaranteedAmount : 0
+  const reached = summary ? summary.reachedAmount + (summary.guaranteedAmount ?? 0) : 0
 
   const reachedAmount = moneyPublic(reached)
   const targetAmount = moneyPublic(campaign.targetAmount)