Added i18n for custom pages

components/core/Footer/Footer.tsx

@@ -1,11 +1,13 @@
 import { FC } from 'react'
 import cn from 'classnames'
 import Link from 'next/link'
+import { useRouter } from 'next/router'
+import type { Page } from '@lib/bigcommerce/api/operations/get-all-pages'
 import getSlug from '@utils/get-slug'
 import { Github } from '@components/icon'
 import { Logo, Container } from '@components/ui'
-import type { Page } from '@lib/bigcommerce/api/operations/get-all-pages'
 import { I18nWidget } from '@components/core'
+
 interface Props {
   className?: string
   children?: any
@@ -15,8 +17,8 @@ interface Props {
 const LEGAL_PAGES = ['terms-of-use', 'shipping-returns', 'privacy-policy']
 
 const Footer: FC<Props> = ({ className, pages }) => {
+  const { sitePages, legalPages } = usePages(pages)
   const rootClassName = cn(className)
-  const { sitePages, legalPages } = getPages(pages)
 
   return (
     <footer className={rootClassName}>
@@ -106,18 +108,22 @@ const Footer: FC<Props> = ({ className, pages }) => {
   )
 }
 
-function getPages(pages?: Page[]) {
+function usePages(pages?: Page[]) {
+  const { locale } = useRouter()
   const sitePages: Page[] = []
   const legalPages: Page[] = []
 
   if (pages) {
     pages.forEach((page) => {
-      if (page.url) {
-        if (LEGAL_PAGES.includes(getSlug(page.url))) {
-          legalPages.push(page)
-        } else {
-          sitePages.push(page)
-        }
+      const slug = page.url && getSlug(page.url)
+
+      if (!slug) return
+      if (locale && !slug.startsWith(`${locale}/`)) return
+
+      if (isLegalPage(slug, locale)) {
+        legalPages.push(page)
+      } else {
+        sitePages.push(page)
       }
     })
   }
@@ -128,6 +134,11 @@ function getPages(pages?: Page[]) {
   }
 }
 
+const isLegalPage = (slug: string, locale?: string) =>
+  locale
+    ? LEGAL_PAGES.some((p) => `${locale}/${p}` === slug)
+    : LEGAL_PAGES.includes(slug)
+
 // Sort pages by the sort order assigned in the BC dashboard
 function bySortOrder(a: Page, b: Page) {
   return (a.sort_order ?? 0) - (b.sort_order ?? 0)