From 76bcd139c4befbd714707799d1dd6fab4f2ea75e Mon Sep 17 00:00:00 2001
From: viphan007 <vipt@younetgroup.com>
Date: Wed, 18 Sep 2024 10:54:16 +0700
Subject: [PATCH] Fix get localized link

---
 src/components/Link.js | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/components/Link.js b/src/components/Link.js
index 8a3fa4d0047..76acf0303b9 100644
--- a/src/components/Link.js
+++ b/src/components/Link.js
@@ -20,6 +20,20 @@ const DefaultLink = props => {
   const { locale } = localization || {}
   const [href, setHref] = useState(to)
 
+  useEffect(() => {
+    const localeCode = locale?.code
+    if (
+      localizedPages &&
+      localizedPages.includes(href) &&
+      localeCode &&
+      localeCode !== DEFAULT_LOCALE_CODE
+    ) {
+      setHref(`/${localeCode}${to}`)
+      return
+    }
+    setHref(to)
+  }, [to, localizedPages, locale])
+
   if (!href) {
     return <div {...rest}>{children}</div>
   }
@@ -37,15 +51,6 @@ const DefaultLink = props => {
     rel: newTab ? 'noopener' : null,
   }
 
-  useEffect(() => {
-    if (localizedPages && localizedPages.includes(href)) {
-      const localeCode = locale?.code
-      if (localeCode && localeCode !== DEFAULT_LOCALE_CODE) {
-        setHref(`/${localeCode}${to}`)
-      }
-    }
-  }, [to, localizedPages, locale])
-
   return isInternal ? (
     <Link
       to={href}
@@ -59,7 +64,7 @@ const DefaultLink = props => {
     <a
       style={{ textDecoration: 'none' }}
       href={href}
-      {...(isAnchorLink ? { 'data-anchor': to } : {})}
+      {...(isAnchorLink ? { 'data-anchor': href } : {})}
       {...newTabHtmlAttributes}
       {...rest}
     >