Nuzhy/DPROD-2212/footer data for IIP - platinum (binary-com#6446)

* chore: update footer data for IIP - platinum * chore: update IIP award in footer * fix: added IIP platinum award to EU footer * fix: new string for translation * auto-pull-translation * auto-pull-translation * translation: 📚 sync translations from crowdin feature branch --------- Co-authored-by: DerivFE <[email protected]> Co-authored-by: mitra-deriv <[email protected]>
mayuran-deriv · Jan 16, 2024 · 953800d · 953800d
1 parent daccc7d
commit 953800d
Show file tree

Hide file tree

Showing 23 changed files with 168 additions and 970 deletions.
diff --git a/crowdin/messages.json b/crowdin/messages.json
diff --git a/src/features/components/templates/footer/data.tsx b/src/features/components/templates/footer/data.tsx
@@ -8,7 +8,8 @@ import {
     StandaloneYoutubeIcon,
     // eslint-disable-next-line import/no-unresolved
 } from '@deriv/quill-icons/Standalone'
-import { DerivGoBannerAndAwards } from './banner-and-awards'
+import { DerivGoBanner } from './deriv-go-banner'
+import { IIPAward } from './iip-award'
 import { Localize } from 'components/localization'
 
 export const RowFooterNavData: FooterItems[] = [
@@ -33,7 +34,7 @@ export const RowFooterNavData: FooterItems[] = [
                     {
                         id: 3,
                         href: '/our-principles',
-                        text: <Localize translate_text="_t_Our principles_t_" />,
+                        text: <Localize translate_text="_t_Principles_t_" />,
                     },
                     {
                         id: 4,
@@ -53,6 +54,11 @@ export const RowFooterNavData: FooterItems[] = [
                     },
                 ],
             },
+            {
+                id: 1,
+                type: 'node',
+                node: <IIPAward />,
+            },
         ],
     },
     {
@@ -258,7 +264,7 @@ export const RowFooterNavData: FooterItems[] = [
             {
                 id: 0,
                 type: 'node',
-                node: <DerivGoBannerAndAwards />,
+                node: <DerivGoBanner />,
             },
         ],
     },
@@ -286,7 +292,7 @@ export const EuFooterNavData: FooterItems[] = [
                     {
                         id: 3,
                         href: '/our-principles',
-                        text: <Localize translate_text="_t_Our principles_t_" />,
+                        text: <Localize translate_text="_t_Principles_t_" />,
                     },
                     {
                         id: 4,
@@ -306,6 +312,11 @@ export const EuFooterNavData: FooterItems[] = [
                     },
                 ],
             },
+            {
+                id: 1,
+                type: 'node',
+                node: <IIPAward />,
+            },
         ],
     },
     {
@@ -328,8 +339,13 @@ export const EuFooterNavData: FooterItems[] = [
                     },
                 ],
             },
+        ],
+    },
+    {
+        id: 2,
+        layers: [
             {
-                id: 1,
+                id: 0,
                 header: <Localize translate_text="_t_MARKETS_t_" />,
                 type: 'link',
                 items: [
@@ -368,7 +384,7 @@ export const EuFooterNavData: FooterItems[] = [
         ],
     },
     {
-        id: 2,
+        id: 3,
         layers: [
             {
                 id: 0,
@@ -386,7 +402,7 @@ export const EuFooterNavData: FooterItems[] = [
         ],
     },
     {
-        id: 3,
+        id: 4,
         layers: [
             {
                 id: 0,
@@ -423,7 +439,7 @@ export const EuFooterNavData: FooterItems[] = [
         ],
     },
     {
-        id: 4,
+        id: 5,
         layers: [
             {
                 id: 0,
@@ -471,16 +487,6 @@ export const EuFooterNavData: FooterItems[] = [
             },
         ],
     },
-    {
-        id: 5,
-        layers: [
-            {
-                id: 0,
-                type: 'node',
-                node: <DerivGoBannerAndAwards />,
-            },
-        ],
-    },
 ]
 
 export const warnText = (

diff --git a/...ts/templates/footer/banner-and-awards.tsx → ...ents/templates/footer/deriv-go-banner.tsx b/...ts/templates/footer/banner-and-awards.tsx → ...ents/templates/footer/deriv-go-banner.tsx
@@ -7,7 +7,7 @@ import DownloadBadges from './download'
 import { Localize, localize } from 'components/localization'
 import useRegion from 'components/hooks/use-region'
 
-export const DerivGoBannerAndAwards = () => {
+export const DerivGoBanner = () => {
     const { is_row } = useRegion()
     return (
         <div className="flex flex-col gap-gap-lg">
@@ -46,26 +46,6 @@ export const DerivGoBannerAndAwards = () => {
                     <DownloadBadges />
                 </div>
             )}
-            <div className="hidden rounded-[16px] border-solid border-xs border-opacity-black-100 py-general-md">
-                <div className="block justify-center lg:hidden">
-                    <StaticImage
-                        className="mx-auto"
-                        src="../../../../images/common/migration/footer/investors-in-people.png"
-                        alt={localize('_t_investors in people - gold_t_')}
-                        placeholder="none"
-                        width={180}
-                        layout="fixed"
-                    />
-                </div>
-                <div className="hidden justify-center lg:block">
-                    <StaticImage
-                        src="../../../../images/common/migration/footer/investors-in-people.png"
-                        alt={localize('_t_investors in people - gold_t_')}
-                        placeholder="none"
-                        objectFit="contain"
-                    />
-                </div>
-            </div>
         </div>
     )
 }
diff --git a/src/features/components/templates/footer/iip-award.tsx b/src/features/components/templates/footer/iip-award.tsx
@@ -0,0 +1,18 @@
+import React from 'react'
+import { StaticImage } from 'gatsby-plugin-image'
+import { localize } from 'components/localization'
+
+export const IIPAward = () => {
+    return (
+        <div className="flex max-lg:justify-center">
+            <StaticImage
+                src="../../../../images/common/migration/footer/investors-in-people.png"
+                alt={localize('_t_investors in people - platinum_t_')}
+                placeholder="none"
+                width={160}
+                height={32}
+                layout="fixed"
+            />
+        </div>
+    )
+}
diff --git a/src/features/components/templates/footer/index.tsx b/src/features/components/templates/footer/index.tsx
@@ -9,7 +9,8 @@ import {
     socialButtonsROW,
     warnText,
 } from './data'
-import { DerivGoBannerAndAwards } from './banner-and-awards'
+import { DerivGoBanner } from './deriv-go-banner'
+import { IIPAward } from './iip-award'
 import { DescriptionContent, DescriptionContentCPA, DescriptionContentEU } from './description'
 import useRegion from 'components/hooks/use-region'
 import { getLocationPathname } from 'common/utility'
@@ -35,7 +36,8 @@ export const MainFooter = () => {
         <Footer.FooterBlock
             warningText={!is_eu && !is_cpa_plan ? warnText : null}
             socialButtons={socialButtons}
-            bannerAndAwards={DerivGoBannerAndAwards}
+            banner={DerivGoBanner}
+            awards={IIPAward}
             descriptionContent={
                 is_eu
                     ? DescriptionContentEU

diff --git a/src/images/common/migration/footer/investors-in-people.png b/src/images/common/migration/footer/investors-in-people.png