From 925cbb2febbaf7ac586286c559f97b9919187670 Mon Sep 17 00:00:00 2001
From: Nuzhy-Deriv <nuzhy@deriv.com>
Date: Mon, 18 Dec 2023 16:01:21 +0800
Subject: [PATCH] fix: show eu-modal prop added to customlink

---
 libs/blocks/src/lib/footer/footer.social.tsx    |  7 ++++++-
 libs/blocks/src/lib/footer/main.nav.content.tsx | 11 ++++++-----
 libs/components/src/lib/link/index.tsx          |  1 +
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/libs/blocks/src/lib/footer/footer.social.tsx b/libs/blocks/src/lib/footer/footer.social.tsx
index c200326b2..afd5d2130 100644
--- a/libs/blocks/src/lib/footer/footer.social.tsx
+++ b/libs/blocks/src/lib/footer/footer.social.tsx
@@ -9,7 +9,12 @@ export const SocialMediaSection = ({
   return (
     <div className="flex gap-gap-lg max-lg:justify-center">
       {socialButtons.map((item) => (
-        <CustomLink href={item.href} target="_blank" key={item.href}>
+        <CustomLink
+          href={item.href}
+          target="_blank"
+          show_eu_modal={true}
+          key={item.href}
+        >
           {item.icon}
         </CustomLink>
       ))}
diff --git a/libs/blocks/src/lib/footer/main.nav.content.tsx b/libs/blocks/src/lib/footer/main.nav.content.tsx
index 35f7ef3f1..abe3f91d7 100644
--- a/libs/blocks/src/lib/footer/main.nav.content.tsx
+++ b/libs/blocks/src/lib/footer/main.nav.content.tsx
@@ -27,18 +27,19 @@ export const MainNavContent = ({
             layer.type === 'link' ? (
               <div className="flex w-full flex-col gap-gap-lg" key={layer.id}>
                 <Heading.H6>{layer.header}</Heading.H6>
-                {layer.items.map((link) => (
+                {layer.items.map(({ id, href, target, text, ...rest }) => (
                   <div
                     className="flex flex-col items-start gap-gap-lg"
-                    key={link.id}
+                    key={id}
                   >
                     <CustomLink
                       size="sm"
-                      href={link.href}
+                      href={href}
                       className="text-typography-prominent"
-                      target={link.target}
+                      target={target}
+                      {...rest}
                     >
-                      {link.text}
+                      {text}
                     </CustomLink>
                   </div>
                 ))}
diff --git a/libs/components/src/lib/link/index.tsx b/libs/components/src/lib/link/index.tsx
index 24db5a6e5..ac68deba2 100644
--- a/libs/components/src/lib/link/index.tsx
+++ b/libs/components/src/lib/link/index.tsx
@@ -14,6 +14,7 @@ export interface CustomLinkProps extends HTMLAttributes<HTMLAnchorElement> {
   disabled?: boolean;
   iconColor?: iconColorVariant;
   target?: '_blank' | '_self' | '_parent' | '_top';
+  show_eu_modal?: boolean;
 }
 export type iconColorVariant = 'black' | 'subtle' | 'disabled' | 'default';
 export type textSize = 'sm' | 'md' | 'lg';