Force search page as static #3842 (#3843)

* Make search page static #3842

* Force static #3842

Author: padms

web/app/[locale]/search/layout.tsx

@@ -0,0 +1,43 @@
+'use client'
+
+import { Icon } from '@equinor/eds-core-react'
+import { close } from '@equinor/eds-icons'
+import { useRouter } from 'next/navigation'
+import { LogoLink } from '@/core/Link/LogoLink'
+import { NavTopbar } from '@/sections/SiteMenu/NavTopbar'
+import { TopbarDropdown } from '@/sections/SiteMenu/TopbarDropdown'
+
+export const dynamic = 'force-static'
+
+export default function SearchLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  const router = useRouter()
+
+  return (
+    <div
+      data-search-page='true'
+      className='dark w-full overflow-auto bg-slate-blue-95'
+    >
+      <TopbarDropdown variant='dark' className='relative'>
+        <NavTopbar>
+          <LogoLink />
+          <button
+            type='button'
+            aria-expanded={true}
+            aria-label='Close search'
+            onClick={() => {
+              router.back()
+            }}
+            className={`focus-visible:envis-outline-invert rounded-full p-3 text-white-100 hover:bg-moss-green-50 hover:text-slate-blue-95 focus:outline-none active:scale-99 active:bg-white-100/20`}
+          >
+            <Icon size={24} data={close} />
+          </button>
+        </NavTopbar>
+      </TopbarDropdown>
+      {children}
+    </div>
+  )
+}

web/app/[locale]/search/page.tsx

@@ -1,12 +1,12 @@
-'use client'
-import { Icon } from '@equinor/eds-core-react'
-import { close } from '@equinor/eds-icons'
-import { useRouter } from 'next/navigation'
-import { LogoLink } from '@/core/Link/LogoLink'
-import { NavTopbar } from '@/sections/SiteMenu/NavTopbar'
-import { TopbarDropdown } from '@/sections/SiteMenu/TopbarDropdown'
+import { Flags } from '@/sanity/helpers/datasetHelpers'
 import { Search } from '@/sections/searchBlocks/Search'
 
+export const dynamic = 'force-static'
+
+export function generateStaticParams() {
+  return Flags.HAS_SEARCH ? [{ locale: 'nb-NO' }, { locale: 'en-GB' }] : []
+}
+
 /* export async function generateMetadata({
   params,
 }: {
@@ -38,31 +38,5 @@ import { Search } from '@/sections/searchBlocks/Search'
 } */
 
 export default function Page() {
-  const router = useRouter()
-
-  return (
-    <div
-      data-search-page='true'
-      className='dark w-full overflow-auto bg-slate-blue-95'
-    >
-      <TopbarDropdown variant='dark' className='relative'>
-        <NavTopbar>
-          <LogoLink />
-          <button
-            type='button'
-            aria-expanded={true}
-            aria-label='Close search'
-            onClick={() => {
-              router.back()
-            }}
-            className={`focus-visible:envis-outline-invert rounded-full p-3 text-white-100 hover:bg-moss-green-50 hover:text-slate-blue-95 focus:outline-none active:scale-99 active:bg-white-100/20`}
-          >
-            <Icon size={24} data={close} />
-          </button>
-        </NavTopbar>
-      </TopbarDropdown>
-
-      <Search />
-    </div>
-  )
+  return <Search />
 }