update getGlobal

Author: xc2f

src/Footer/Component.tsx

@@ -9,8 +9,13 @@ import { LanguageSelector } from './Locale'
 import { CMSLink } from '@/components/Link'
 import { Logo } from '@/components/Logo/Logo'
 
+import { getLocale } from 'next-intl/server'
+import { Locale } from '@/i18n/types'
+
 export async function Footer() {
-  const footerData: Footer = await getCachedGlobal('footer', 1)()
+  const locale = (await getLocale()) as Locale
+
+  const footerData: Footer = await getCachedGlobal('footer', 1)(locale)
   const navItems = footerData?.navItems || []
 
   return (

src/Header/Component.tsx

@@ -4,10 +4,13 @@ import React from 'react'
 
 import type { Header } from '@/payload-types'
 
-import { findFeedBySlug } from '@/queries/feeds'
+import { getLocale } from 'next-intl/server'
+import { Locale } from '@/i18n/types'
 
 export async function Header() {
-  const headerData: Header = await getCachedGlobal('header', 1)()
+  const locale = (await getLocale()) as Locale
+
+  const headerData: Header = await getCachedGlobal('header', 1)(locale)
 
   return <HeaderClient data={headerData} />
 }

src/utilities/getGlobals.ts

@@ -4,14 +4,11 @@ import configPromise from '@payload-config'
 import { getPayload } from 'payload'
 import { unstable_cache } from 'next/cache'
 
-import { getLocale } from 'next-intl/server'
 import { Locale } from '@/i18n/types'
 
 type Global = keyof Config['globals']
 
-async function getGlobal(slug: Global, depth = 0) {
-  const locale = (await getLocale()) as Locale
-
+async function getGlobal(slug: Global, depth = 0, locale: Locale) {
   const payload = await getPayload({ config: configPromise })
 
   const global = await payload.findGlobal({
@@ -27,6 +24,6 @@ async function getGlobal(slug: Global, depth = 0) {
  * Returns a unstable_cache function mapped with the cache tag for the slug
  */
 export const getCachedGlobal = (slug: Global, depth = 0) =>
-  unstable_cache(async () => getGlobal(slug, depth), [slug], {
+  unstable_cache(async (locale: Locale) => getGlobal(slug, depth, locale), [slug], {
     tags: [`global_${slug}`],
   })