Add desclaimer and update link of legal status

IFRCGo · Oct 1, 2024 · bb9ab55 · bb9ab55
1 parent 6cd1b37
commit bb9ab55
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 10 deletions.
diff --git a/app/src/views/CountryNsOverviewSupportingPartners/Presence/i18n.json b/app/src/views/CountryNsOverviewSupportingPartners/Presence/i18n.json
@@ -14,6 +14,7 @@
         "fdrs": "FDRS",
         "icrc": "ICRC",
         "countryIFRCDelegationType": "Office Type",
-        "countryIFRCLocation": "Location"
+        "countryIFRCLocation": "Location",
+        "disclaimer":"This link will only be accessible to IFRC staff."
     }
 }
diff --git a/app/src/views/CountryNsOverviewSupportingPartners/Presence/index.tsx b/app/src/views/CountryNsOverviewSupportingPartners/Presence/index.tsx
@@ -2,6 +2,7 @@ import { useCallback } from 'react';
 import { useOutletContext } from 'react-router-dom';
 import {
     Container,
+    InfoPopup,
     RawList,
     TextOutput,
 } from '@ifrc-go/ui';
@@ -23,7 +24,7 @@ import styles from './styles.module.css';
 
 const year = new Date().getFullYear();
 
-const legalStatusLink = 'https://fednet.ifrc.org/en/support/legal/legal/legal-status/';
+const legalStatusLink = 'https://ifrcorg.sharepoint.com/sites/OurIFRCLegal/SitePages/Legal-Resources.aspx';
 
 interface DelegationInformationProps {
     name: string | null | undefined;
@@ -142,14 +143,20 @@ function Presence() {
                     />
                 </div>
                 <div className={styles.ifrcPresenceItem}>
-                    <Link
-                        href={legalStatusLink}
-                        external
-                        variant="tertiary"
-                        withUnderline
-                    >
-                        {strings.countryIFRCLegalStatus}
-                    </Link>
+                    <div className={styles.ifrcDisclaimer}>
+                        <Link
+                            href={legalStatusLink}
+                            external
+                            variant="tertiary"
+                            withUnderline
+                        >
+                            {strings.countryIFRCLegalStatus}
+                        </Link>
+                        <InfoPopup
+                            description={strings.disclaimer}
+                        />
+                    </div>
+
                     {isDefined(countryResponse?.disaster_law_url) && (
                         <Link
                             href={countryResponse.disaster_law_url}

diff --git a/app/src/views/CountryNsOverviewSupportingPartners/Presence/styles.module.css b/app/src/views/CountryNsOverviewSupportingPartners/Presence/styles.module.css
@@ -42,4 +42,8 @@
             gap: var(--go-ui-spacing-xs);
         }
     }
+    .ifrc-disclaimer {
+        display: flex;
+        gap: var(--go-ui-spacing-xs);
+    }
 }