From 1b58f1100b4b4eedccb4125f8d8111dbcc3be735 Mon Sep 17 00:00:00 2001
From: Stefanos Hadjipetrou <stefanos@zimmerman.team>
Date: Thu, 27 Jul 2023 19:26:46 +0300
Subject: [PATCH] fix: grant detail overview loading grant info

---
 .../components/sub-modules/overview/index.tsx | 56 ++++++++++---------
 src/app/modules/grant-detail-module/index.tsx |  2 +-
 2 files changed, 30 insertions(+), 28 deletions(-)

diff --git a/src/app/modules/grant-detail-module/components/sub-modules/overview/index.tsx b/src/app/modules/grant-detail-module/components/sub-modules/overview/index.tsx
index ef6112788..f846e451d 100644
--- a/src/app/modules/grant-detail-module/components/sub-modules/overview/index.tsx
+++ b/src/app/modules/grant-detail-module/components/sub-modules/overview/index.tsx
@@ -14,7 +14,7 @@ import { PageLoader } from "app/modules/common/page-loader";
 import { ratingValues } from "app/components/Charts/PerformanceRating/data";
 import { InvestmentRadialViz } from "app/modules/grant-detail-module/components/radial";
 
-export function GrantDetailOverviewModule(props: { period: string }) {
+export function GrantDetailOverviewModule() {
   const cmsData = useCMSData({ returnData: true });
 
   const isLoading = useStoreState((state) => state.GrantDetailInfo.loading);
@@ -335,35 +335,37 @@ export function GrantDetailOverviewModule(props: { period: string }) {
               ))}
             </div>
           </div>
-          <div
-            css={`
-              padding-left: 20px;
-              width: 95%;
-            `}
-          >
-            <p
-              css={`
-                color: #000;
-                font-family: "Gotham Narrow", sans-serif;
-                margin-top: 0;
-                margin-bottom: 0;
-              `}
-            >
-              <b>Principal Recipient:</b>
-            </p>
-            <Link
+          {grantInfoData.principalRecipient && (
+            <div
               css={`
-                color: #000;
-                font-size: 12px;
-                cursor: pointer;
-                text-decoration: underline;
+                width: 95%;
+                padding-left: 20px;
               `}
-              to={`/partner/${grantInfoData.principalRecipient.code}/investments`}
             >
-              {grantInfoData.principalRecipient.name} (
-              {grantInfoData.principalRecipient.shortName})
-            </Link>
-          </div>
+              <p
+                css={`
+                  color: #000;
+                  font-family: "Gotham Narrow", sans-serif;
+                  margin-top: 0;
+                  margin-bottom: 0;
+                `}
+              >
+                <b>Principal Recipient:</b>
+              </p>
+              <Link
+                css={`
+                  color: #000;
+                  font-size: 12px;
+                  cursor: pointer;
+                  text-decoration: underline;
+                `}
+                to={`/partner/${grantInfoData.principalRecipient.code}/investments`}
+              >
+                {grantInfoData.principalRecipient.name} (
+                {grantInfoData.principalRecipient.shortName})
+              </Link>
+            </div>
+          )}
         </Grid>
         <Grid
           item
diff --git a/src/app/modules/grant-detail-module/index.tsx b/src/app/modules/grant-detail-module/index.tsx
index 9bb69239b..5fcac230c 100644
--- a/src/app/modules/grant-detail-module/index.tsx
+++ b/src/app/modules/grant-detail-module/index.tsx
@@ -188,7 +188,7 @@ export default function GrantDetail() {
         <Switch>
           {/* Overview */}
           <Route path={`/grant/${params.code}/${params.period}/overview`}>
-            <GrantDetailOverviewModule period={params.period} />
+            <GrantDetailOverviewModule />
           </Route>
           {/* Budgets */}
           <Route path={`/grant/${params.code}/${params.period}/budgets/flow`}>