Merge pull request #1189 from IFRCGo/feature/cos-update-2024-june-17

Add more CoS updates – PER

Author: samshara

app/src/App/routes/SurgeRoutes.tsx

@@ -1021,6 +1021,20 @@ const surgeCatalogueOtherDisasterRiskReduction = customWrapRoute({
     },
 });
 
+const surgeCatalogueOtherHumanitarianDiplomacy = customWrapRoute({
+    parent: surgeCatalogueLayout,
+    path: 'other/humanitarian-diplomacy',
+    component: {
+        render: () => import('#views/SurgeCatalogueOtherHumanitarianDiplomacy'),
+        props: {},
+    },
+    wrapperComponent: Auth,
+    context: {
+        title: 'Humanitarian Diplomacy',
+        visibility: 'anything',
+    },
+});
+
 const surgeCatalogueOtherHumanResources = customWrapRoute({
     parent: surgeCatalogueLayout,
     path: 'other/human-resources',
@@ -1347,6 +1361,7 @@ function DeploymentCatalogueNavigate() {
         other: {
             'civil-military-relations': surgeCatalogueOtherCivilMilitaryRelations,
             'disaster-risk-reduction-drr': surgeCatalogueOtherDisasterRiskReduction,
+            'humanitarian-diplomacy': surgeCatalogueOtherHumanitarianDiplomacy,
             'human-resources': surgeCatalogueOtherHumanResources,
             'international-disaster-response-law': surgeCatalogueOtherInternationalDisasterResponseLaw,
             migration: surgeCatalogueOtherMigration,
@@ -1487,6 +1502,7 @@ export default {
     surgeCatalogueWashHwts,
     surgeCatalogueOtherCivilMilitaryRelations,
     surgeCatalogueOtherDisasterRiskReduction,
+    surgeCatalogueOtherHumanitarianDiplomacy,
     surgeCatalogueOtherHumanResources,
     surgeCatalogueOtherInternationalDisasterResponseLaw,
     surgeCatalogueOtherMigration,

app/src/views/Preparedness/i18n.json

@@ -2,7 +2,7 @@
     "namespace": "preparedness",
     "strings": {
         "preparednessTitle": "IFRC GO - Global Preparedness",
-        "preparednessHeading": "Preparedness for Effective Response (PER)",
+        "preparednessHeading": "National Society Preparedness and Response Capacity Strengthening (PER)",
         "preparednessDescription": "To enable National Societies to fulfil their auxiliary role, in line with the Red Cross and Red Crescent Fundamental Principles, by strengthening local preparedness capacities to ensure timely and effective humanitarian assistance to prevent and alleviate human suffering.",
         "preparednessApproachSection": "The PER Approach",
         "approachDescription": "The PER Approach is a continuous and flexible process that enables National Societies to assess, measure and analyse the strengths and gaps of its preparedness and response mechanism, and ultimately take necessary action to improve it. For more information on the PER Approach select {link}.",

app/src/views/SurgeCatalogue/i18n.json

@@ -21,12 +21,13 @@
         "catalogueSecurity": "Security",
         "catalogueCMR": "Civil Military Relations (CMR)",
         "catalogueDDR": "Disaster Risk Reduction (DRR)",
+        "catalogueHD": "Humanitarian Diplomacy (HD)",
         "catalogueHR": "Human Resources (HR)",
         "catalogueIDRL": "International Disaster Response Law (IDRL)",
         "catalogueMigration": "Migration",
         "catalogueNSD": "National Society Development (NSD)",
         "catalogueSPRD": "Strategic Partnerships and Resource Mobilisation (SPRM)",
-        "cataloguePER": "Preparedness for Effective Response (PER)",
+        "cataloguePER": "National Society Preparedness and Response Capacity Strengthening (PER)",
         "catalogueRecovery": "Recovery",
         "catalogueGR": "Green Response (GR)",
         "catalogueUAV": "Drones – Uncrewed Aerial Vehicles (UAV)"

app/src/views/SurgeCatalogue/index.tsx

@@ -26,6 +26,7 @@ import {
     RecoveryIcon,
     SafetyAndSecurityIcon,
     ShelterIcon,
+    ShieldCrossFillIcon,
     WaterSanitationAndHygieneIcon,
 } from '@ifrc-go/icons';
 import { NavigationTabList } from '@ifrc-go/ui';
@@ -121,6 +122,13 @@ export function Component() {
                     <HealthIcon className={styles.icon} />
                     {strings.catalogueHealth}
                 </NavigationTab>
+                <NavigationTab
+                    to="surgeCatalogueOtherHumanitarianDiplomacy"
+                    parentRoute
+                >
+                    <ShieldCrossFillIcon className={styles.icon} />
+                    {strings.catalogueHD}
+                </NavigationTab>
                 <NavigationTab
                     to="surgeCatalogueOtherHumanResources"
                     parentRoute

app/src/views/SurgeCatalogueOtherHumanitarianDiplomacy/i18n.json

@@ -0,0 +1,11 @@
+{
+    "namespace": "surgeCatalogueOtherHumanitarianDiplomacy",
+    "strings": {
+        "humanHeading": "Humanitarian Diplomacy (HD)",
+        "overview": "Overview",
+        "overviewDetail": "Humanitarian Diplomacy (HD) is “persuading decision makers and opinion leaders to act, at all times, in the interests of vulnerable people, and with full respect for fundamental humanitarian principles”. In emergencies, IFRC delegations and NS may require specific surge support to strengthen HD efforts to identify HD issues and provide contextual analysis, draft HD key messages and engagement plan, set up an HD membership coordination system, and engage with external partners and stakeholders.",
+        "rapidResponse": "Rapid Response Personnel Role Profile",
+        "rapidResponseDetail": "Details about the expectations for this specialty can be found in the role profile:",
+        "linkOfficer": "Humanitarian Diplomacy Officer Role Profile"
+    }
+}

app/src/views/SurgeCatalogueOtherHumanitarianDiplomacy/index.tsx

@@ -0,0 +1,42 @@
+import { useTranslation } from '@ifrc-go/ui/hooks';
+
+import SurgeCatalogueContainer from '#components/domain/SurgeCatalogueContainer';
+import SurgeContentContainer from '#components/domain/SurgeContentContainer';
+import Link from '#components/Link';
+
+import i18n from './i18n.json';
+
+// eslint-disable-next-line import/prefer-default-export
+export function Component() {
+    const strings = useTranslation(i18n);
+
+    return (
+        <SurgeCatalogueContainer
+            heading={strings.humanHeading}
+        >
+            <SurgeContentContainer
+                heading={strings.overview}
+            >
+                <div>{strings.overviewDetail}</div>
+            </SurgeContentContainer>
+            <SurgeContentContainer
+                heading={strings.rapidResponse}
+            >
+                <div>{strings.rapidResponseDetail}</div>
+                <ul>
+                    <li>
+                        <Link
+                            href="https://ifrcorg.sharepoint.com/:b:/s/IFRCSharing/EaI9xGgLdnxItb4RXU1PGCEBlW_E8nUfxbMIZMGWoqdEHw"
+                            external
+                            withLinkIcon
+                        >
+                            {strings.linkOfficer}
+                        </Link>
+                    </li>
+                </ul>
+            </SurgeContentContainer>
+        </SurgeCatalogueContainer>
+    );
+}
+
+Component.displayName = 'SurgeCatalogueOtherHumanitarianDiplomacy';