From 2d37d39b04706b40feeca39d0bbe23bc3964219b Mon Sep 17 00:00:00 2001
From: Carson Full <carson_full@tsco.org>
Date: Thu, 30 Nov 2023 10:35:48 -0600
Subject: [PATCH] Polish new PMC Entity Code display

---
 .../Finance/PartnerFinanceSectionHeading.tsx  | 28 +++++++++++++++----
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/scenes/Partners/Detail/Tabs/Finance/PartnerFinanceSectionHeading.tsx b/src/scenes/Partners/Detail/Tabs/Finance/PartnerFinanceSectionHeading.tsx
index bae096257d..2eb7c5ba15 100644
--- a/src/scenes/Partners/Detail/Tabs/Finance/PartnerFinanceSectionHeading.tsx
+++ b/src/scenes/Partners/Detail/Tabs/Finance/PartnerFinanceSectionHeading.tsx
@@ -3,6 +3,7 @@ import { Skeleton, Tooltip, Typography } from '@mui/material';
 import { canEditAny } from '~/common';
 import { ActionableSection } from '~/components/ActionableSection';
 import { IconButton } from '~/components/IconButton';
+import { Redacted } from '~/components/Redacted';
 import { PartnerDetailsFragment } from '../../PartnerDetail.graphql';
 
 interface PartnerFinanceSectionHeadingProps {
@@ -33,14 +34,29 @@ export const PartnerFinanceSectionHeading = ({
         </Tooltip>
       }
     >
-      <Typography variant="body2" color="textSecondary" gutterBottom>
-        Transfer Method
+      <Typography
+        component="h4"
+        variant="body2"
+        color="textSecondary"
+        gutterBottom
+      >
+        PMC Entity Code
       </Typography>
-      <Typography variant="h4">
-        {!partner?.pmcEntityCode.value ? (
-          <Skeleton width="75%" />
-        ) : (
+      <Typography component="p" variant="h4">
+        {!partner ? (
+          <Skeleton width="3ch" />
+        ) : !partner.pmcEntityCode.canRead ? (
+          <Redacted info="You cannot view this partner's code" width="3ch" />
+        ) : partner.pmcEntityCode.value ? (
           partner.pmcEntityCode.value
+        ) : (
+          <Typography
+            variant="inherit"
+            color="text.secondary"
+            sx={{ fontStyle: 'italic' }}
+          >
+            None
+          </Typography>
         )}
       </Typography>
     </ActionableSection>