fix(core): Add translation provider to No Search Results (#645)

bigcommerce · Mar 13, 2024 · ac57f18 · ac57f18
1 parent a2ce3b5
commit ac57f18
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/.changeset/breezy-spies-sleep.md b/.changeset/breezy-spies-sleep.md
@@ -0,0 +1,5 @@
+---
+"@bigcommerce/catalyst-core": patch
+---
+
+Add intl provider to No Search Results page
diff --git a/apps/core/app/[locale]/(default)/(faceted)/search/page.tsx b/apps/core/app/[locale]/(default)/(faceted)/search/page.tsx
@@ -31,7 +31,9 @@ export default async function Search({ params: { locale }, searchParams }: Props
     return (
       <>
         <h1 className="mb-3 text-4xl font-black lg:text-5xl">{t('heading')}</h1>
-        <SearchForm />
+        <NextIntlClientProvider locale={locale} messages={{ NotFound: messages.NotFound ?? {} }}>
+          <SearchForm />
+        </NextIntlClientProvider>
       </>
     );
   }
@@ -45,9 +47,9 @@ export default async function Search({ params: { locale }, searchParams }: Props
     return (
       <div>
         <h1 className="mb-3 text-4xl font-black lg:text-5xl">{t('heading')}</h1>
-
-        <SearchForm initialTerm={searchTerm} />
-
+        <NextIntlClientProvider locale={locale} messages={{ NotFound: messages.NotFound ?? {} }}>
+          <SearchForm initialTerm={searchTerm} />
+        </NextIntlClientProvider>
         <p className="pv-6">
           <em>{t('noResults')}</em>
         </p>