diff --git a/client/src/app/pages/applications/components/application-detail-drawer/application-detail-drawer.tsx b/client/src/app/pages/applications/components/application-detail-drawer/application-detail-drawer.tsx index 12887de1d..e53940ab5 100644 --- a/client/src/app/pages/applications/components/application-detail-drawer/application-detail-drawer.tsx +++ b/client/src/app/pages/applications/components/application-detail-drawer/application-detail-drawer.tsx @@ -189,7 +189,7 @@ export const ApplicationDetailDrawer: React.FC< isCompact columnModifier={{ default: "1Col" }} horizontalTermWidthModifier={{ - default: "14ch", + default: "15ch", }} > diff --git a/client/src/app/pages/applications/components/application-review-status/application-review-status.tsx b/client/src/app/pages/applications/components/application-review-status/application-review-status.tsx index fccb89c46..bf118dbba 100644 --- a/client/src/app/pages/applications/components/application-review-status/application-review-status.tsx +++ b/client/src/app/pages/applications/components/application-review-status/application-review-status.tsx @@ -16,7 +16,7 @@ export const ApplicationReviewStatus: React.FC< > = ({ application }) => { const { t } = useTranslation(); - const { archetypes, isFetching } = useFetchArchetypes(); + const { archetypes, isFetching, error } = useFetchArchetypes(); const isAppReviewed = !!application.review; const applicationArchetypes = application.archetypes?.map((archetypeRef) => { @@ -27,6 +27,10 @@ export const ApplicationReviewStatus: React.FC< applicationArchetypes?.filter((archetype) => !!archetype?.review).length || 0; + if (error) { + return ; + } + if (isFetching) { return ; } @@ -43,9 +47,5 @@ export const ApplicationReviewStatus: React.FC< statusPreset = "NotStarted"; } - if (!applicationArchetypes || applicationArchetypes.length === 0) { - return ; - } - return ; };