fix: show ICRC presence only for partner countries

IFRCGo · Nov 13, 2024 · ade84aa · ade84aa
1 parent f82f846
commit ade84aa
Show file tree

Hide file tree

Showing 2 changed files with 49 additions and 37 deletions.
diff --git a/.changeset/slow-bobcats-joke.md b/.changeset/slow-bobcats-joke.md
@@ -0,0 +1,8 @@
+---
+"go-web-app": patch
+---
+
+Display ICRC Presence
+
+- Display ICRC presence across partner countries
+- Highlight key operational countries
diff --git a/app/src/views/CountryNsOverviewSupportingPartners/Presence/index.tsx b/app/src/views/CountryNsOverviewSupportingPartners/Presence/index.tsx
@@ -169,49 +169,53 @@ function Presence() {
                     )}
                 </div>
             </Container>
-            <Container
-                className={styles.presenceCard}
-                heading={strings.countryICRCPresenceTitle}
-                footerActions={isDefined(countryResponse?.icrc_presence?.url) && (
-                    <TextOutput
-                        label={strings.source}
-                        value={(
+            {countryResponse?.icrc_presence?.icrc_presence && (
+                <Container
+                    className={styles.presenceCard}
+                    heading={strings.countryICRCPresenceTitle}
+                    footerActions={isDefined(countryResponse.icrc_presence.url) && (
+                        <TextOutput
+                            label={strings.source}
+                            value={(
+                                <Link
+                                    variant="tertiary"
+                                    href={countryResponse.icrc_presence.url}
+                                    external
+                                    withUnderline
+                                >
+                                    {strings.icrc}
+                                </Link>
+                            )}
+                        />
+                    )}
+                    withHeaderBorder
+                    withInternalPadding
+                >
+                    {
+                        resolveToString(
+                            strings.countryICRCConfirmedPartner,
+                            { year },
+                        )
+                    }
+                    {countryResponse.icrc_presence.key_operation && (
+                        <div className={styles.icrcPresenceItem}>
                             <Link
-                                variant="tertiary"
+                                key={countryResponse.icrc_presence.id}
                                 href={countryResponse.icrc_presence.url}
                                 external
+                                variant="tertiary"
                                 withUnderline
                             >
-                                {strings.icrc}
+                                {strings.countryICRCKeyOperations}
                             </Link>
-                        )}
-                    />
-                )}
-                withHeaderBorder
-                withInternalPadding
-            >
-                {resolveToString(
-                    strings.countryICRCConfirmedPartner,
-                    { year },
-                )}
-                {countryResponse?.icrc_presence?.key_operation && (
-                    <div className={styles.icrcPresenceItem}>
-                        <Link
-                            key={countryResponse?.icrc_presence.id}
-                            href={countryResponse?.icrc_presence.url}
-                            external
-                            variant="tertiary"
-                            withUnderline
-                        >
-                            {strings.countryICRCKeyOperations}
-                        </Link>
-                        {resolveToString(
-                            strings.countryICRCWithin,
-                            { name: countryResponse?.name ?? '--' },
-                        )}
-                    </div>
-                )}
-            </Container>
+                            {resolveToString(
+                                strings.countryICRCWithin,
+                                { name: countryResponse.name ?? '--' },
+                            )}
+                        </div>
+                    )}
+                </Container>
+            )}
         </Container>
     );
 }