fix: footer description for diel

crowdin/messages.json

@@ -2108,6 +2108,7 @@
   "1976014299": "For <0>oil</0>, a deal for 10 lots for a price of USD 96 will pay out USD 0.05 in commission based on the following formula:",
   "1976889936": "Yes, you can select the duration of your Touch/No Touch contract. You can choose to open a contract for as short as 5 ticks to as long as 365 days (depending on the trading asset selected).",
   "1978148367": "Open a real account, make a deposit, and start trading for real. Trade forex, indices, commodities, and more.",
+  "1979304570": "Deriv Investments (Europe) Limited is licensed and regulated by the Malta Financial Services Authority under the Investment Services Act (<0>licence</0>). Deriv (FX) Ltd is licensed by the Labuan Financial Services Authority (<1>licence</1>). Deriv (BVI) Ltd is licensed by the British Virgin Islands Financial Services Commission (<2>licence</2>). Deriv (V) Ltd is licensed by the Vanuatu Financial Services Commission (<3>licence</3>). Deriv (SVG) LLC has a registered office at First Floor, SVG Teachers Credit Union Uptown Building, Corner of James and Middle Street, Kingstown P.O., St Vincent and the Grenadines. Deriv.com Limited is the holding company for the above subsidiaries with the registration number 71479 and the registered address is located at 2nd Floor, 1 Cornet Street, St Peter Port, Guernsey, GY1 1BZ.",
   "1979503547": "Trading terms",
   "1980724783": "The point value is derived from the current digits of the asset. In this example, the digit is 5, so the point value is 0.00001.",
   "1981714597": "The world’s most popular digital currencies.",

src/features/components/templates/footer/description.tsx

@@ -94,3 +94,60 @@ export const DescriptionContentEU = () => {
         </>
     )
 }
+
+export const DescriptionContentCPA = () => {
+    return (
+        <>
+            <Text size="sm">
+                <Localize
+                    translate_text="_t_Deriv Investments (Europe) Limited is licensed and regulated by the Malta Financial Services Authority under the Investment Services Act (<0>licence</0>). Deriv (FX) Ltd is licensed by the Labuan Financial Services Authority (<1>licence</1>). Deriv (BVI) Ltd is licensed by the British Virgin Islands Financial Services Commission (<2>licence</2>). Deriv (V) Ltd is licensed by the Vanuatu Financial Services Commission (<3>licence</3>). Deriv (SVG) LLC has a registered office at First Floor, SVG Teachers Credit Union Uptown Building, Corner of James and Middle Street, Kingstown P.O., St Vincent and the Grenadines. Deriv.com Limited is the holding company for the above subsidiaries with the registration number 71479 and the registered address is located at 2nd Floor, 1 Cornet Street, St Peter Port, Guernsey, GY1 1BZ._t_"
+                    components={[
+                        <a
+                            className={clsx(sharedClasses)}
+                            href="/regulatory/Deriv_Investments_(Europe)_Limited.pdf"
+                            key={0}
+                            target="_blank"
+                        />,
+                        <a
+                            className={clsx(sharedClasses)}
+                            key={1}
+                            target="_blank"
+                            href="/regulatory/Deriv_(FX)_Ltd.pdf"
+                        />,
+                        <a
+                            className={clsx(sharedClasses)}
+                            key={2}
+                            target="_blank"
+                            href="/regulatory/Deriv_(BVI)_Ltd.pdf"
+                        />,
+                        <a
+                            className={clsx(sharedClasses)}
+                            key={3}
+                            target="_blank"
+                            href="/regulatory/Deriv_(V)_Ltd.pdf"
+                        />,
+                    ]}
+                />
+            </Text>
+            <Text size="sm">
+                <Localize
+                    translate_text="_t_Please read our <0>Terms and conditions</0>, <1>Risk disclosure</1>, and <2>Secure and responsible trading</2> to fully understand the risks involved before using our services. The information on this website does not constitute investment advice._t_"
+                    components={[
+                        <a
+                            className={clsx(sharedClasses)}
+                            href="/terms-and-conditions/#clients"
+                            key={0}
+                        />,
+                        <a
+                            className={clsx(sharedClasses)}
+                            href="/tnc/eu/risk-disclosure.pdf"
+                            key={1}
+                            target="_blank"
+                        />,
+                        <a className={clsx(sharedClasses)} href="/responsible/" key={2} />,
+                    ]}
+                />
+            </Text>
+        </>
+    )
+}

src/features/components/templates/footer/index.tsx

@@ -10,13 +10,13 @@ import {
     warnText,
 } from './data'
 import { DerivGoBannerAndAwards } from './banner-and-awards'
-import { DescriptionContent, DescriptionContentEU } from './description'
+import { DescriptionContent, DescriptionContentCPA, DescriptionContentEU } from './description'
 import useRegion from 'components/hooks/use-region'
 import { getLocationPathname } from 'common/utility'
 
 export const MainFooter = () => {
     const [is_career, setIsCareer] = useState(false)
-    const { is_eu } = useRegion()
+    const { is_eu, is_cpa_plan } = useRegion()
 
     useEffect(() => {
         const current_path = getLocationPathname()
@@ -33,11 +33,17 @@ export const MainFooter = () => {
 
     return (
         <Footer.FooterBlock
-            warningText={!is_eu ? warnText : null}
+            warningText={!is_eu && !is_cpa_plan ? warnText : null}
             socialButtons={socialButtons}
             bannerAndAwards={DerivGoBannerAndAwards}
-            descriptionContent={is_eu ? DescriptionContentEU : DescriptionContent}
-            className={qtMerge(is_eu && 'mb-[120px] lg:mb-[80px]')}
+            descriptionContent={
+                is_eu
+                    ? DescriptionContentEU
+                    : is_cpa_plan
+                    ? DescriptionContentCPA
+                    : DescriptionContent
+            }
+            className={qtMerge((is_eu || is_cpa_plan) && 'mb-[120px] lg:mb-[80px]')}
         >
             <Footer.MainNavContent items={is_eu ? EuFooterNavData : RowFooterNavData} cols="six" />
         </Footer.FooterBlock>