Resources page update on video order + a new LU video

.changeset/lucky-coats-help.md

@@ -0,0 +1,7 @@
+---
+"go-web-app": patch
+---
+
+Update resources page
+  - Add a new video for LocalUnits
+  - Update ordering of videos

app/src/views/Resources/VideoList/i18n.json

@@ -3,12 +3,13 @@
     "strings": {
         "videoCarouselHeading3W": "3W – Who does What, Where.",
         "videoCarouselSubHeading3W": "The 'Who does What, Where', or 3W, is a GO platform tool to enhance coordination, improve disaster analysis, and elevate the speed and quality of Red Cross Red Crescent emergency response.",
-        "videoCarouselSubHeading3WInstructional": "View this video tutorial on how to manage the 3W tool data  (Who, What, Where) and generate useful and visually pleasant information products on the GO Platform - International Federation of Red Cross Red Crescent (IFRC).",
         "videoCarouselHeadingSubscribe": "Subscriptions to User Notifications",
         "videoCarouselSubHeadingSubscribe": "View this video tutorial on how to 'Subscribe to User Notifications' on the GO Platform - International Federation of Red Cross Red Crescent (IFRC).",
         "videoCarouselHeadingMontandon": "Montandon – the Global Crisis Data Bank",
         "videoCarouselSubHeadingMontandon": "Mapping global crises' historical data. The IFRC GO Platform uses Montandon, the Global Crisis Data Bank, the world's largest repository of information on past natural hazards and their impact.",
-        "videoCarouselHeading3w": "3W (who-what-where) data collection for emergencies",
-        "videoCarouselHeading3wsub": "View this video tutorial about the 3W for emergencies tool. The video demonstrates the data collection and display activity of who-what-where data."
+        "videoCarouselHeading3wDataCollection": "3W (who-what-where) data collection for emergencies",
+        "videoCarouselSubHeading3wDataCollection": "View this video tutorial about the 3W for emergencies tool. The video demonstrates the data collection and display activity of who-what-where data.",
+        "videoCarouselHeadingHealth": "Mapping on professional Health Services",
+        "videoCarouselSubHeadingHealth": "View this video tutorial on the extensive mapping results and a wide range of information provided by Red Cross and Red Crescent National Societies on their health services and local branches."
     }
 }

app/src/views/Resources/VideoList/index.tsx

@@ -15,28 +15,34 @@ function VideoList() {
     }[] = [
         {
             id: 1,
-            embedId: 'https://www.youtube.com/embed/7PvsxM_nzBo',
-            heading: strings.videoCarouselHeading3w,
-            description: strings.videoCarouselHeading3wsub,
-        },
-        {
-            id: 2,
             embedId: 'https://www.youtube.com/embed/BEWxqYfrQek',
             heading: strings.videoCarouselHeadingMontandon,
             description: strings.videoCarouselSubHeadingMontandon,
         },
         {
-            id: 3,
+            id: 2,
             embedId: 'https://www.youtube.com/embed/E1TuUEEMBRM',
             heading: strings.videoCarouselHeading3W,
             description: strings.videoCarouselSubHeading3W,
         },
+        {
+            id: 3,
+            embedId: 'https://www.youtube.com/embed/Oyy_JboK9uY',
+            heading: strings.videoCarouselHeadingHealth,
+            description: strings.videoCarouselSubHeadingHealth,
+        },
         {
             id: 4,
             embedId: 'https://www.youtube.com/embed/wEz70tcwWx8',
             heading: strings.videoCarouselHeadingSubscribe,
             description: strings.videoCarouselSubHeadingSubscribe,
         },
+        {
+            id: 5,
+            embedId: 'https://www.youtube.com/embed/7PvsxM_nzBo',
+            heading: strings.videoCarouselHeading3wDataCollection,
+            description: strings.videoCarouselSubHeading3wDataCollection,
+        },
     ];
 
     return (