SU-SWS
diff --git a/‎app/(editor)/editor/page.tsx
Lines changed: 1 addition & 1 deletion b/‎app/(editor)/editor/page.tsx
Lines changed: 1 addition & 1 deletion
diff --git a/‎app/layout.tsx
Lines changed: 19 additions & 16 deletions b/‎app/layout.tsx
Lines changed: 19 additions & 16 deletions
diff --git a/‎components/HeroIcon/HeroIcon.styles.tsx
Lines changed: 2 additions & 0 deletions b/‎components/HeroIcon/HeroIcon.styles.tsx
Lines changed: 2 additions & 0 deletions
diff --git a/‎components/Search-old/Autocomplete.tsx
Lines changed: 0 additions & 162 deletions b/‎components/Search-old/Autocomplete.tsx
Lines changed: 0 additions & 162 deletions
diff --git a/‎components/Search-old/HeaderSearchButton.tsx
Lines changed: 0 additions & 22 deletions b/‎components/Search-old/HeaderSearchButton.tsx
Lines changed: 0 additions & 22 deletions
@@ -38,7 +38,7 @@ const Page = async ({ searchParams }: PageProps) => {
   const { access_key: accessKey, path } = await searchParams;
 
   // Not a valid editor token.
-  if (accessKey !== process.env.STORYBLOK_PREVIEW_EDITOR_TOKEN) {
+  if (accessKey !== process.env.NEXT_PUBLIC_STORYBLOK_ACCESS_TOKEN) {
     console.error('Invalid editor token');
     notFound();
   }
 
@@ -5,6 +5,7 @@ import './globals.css';
 import 'react-loading-skeleton/dist/skeleton.css';
 import { FlexBox } from '@/components/FlexBox';
 import { GAProvider, GTAG } from '@/components/GAProvider';
+import { SearchModalProvider } from '@/components/Search/Modal/SearchModalContext';
 
 type LayoutProps = {
   children: React.ReactNode,
@@ -31,22 +32,24 @@ const stanford = localFont({
 const RootLayout = ({ children }: LayoutProps) => {
   return (
     <GAProvider>
-      <html
-        lang="en"
-        className={cnb(
-          source_sans.variable,
-          source_serif.variable,
-          stanford.variable,
-        )}
-      >
-        {/* Absolutely necessary to have a body tag here, otherwise your components won't get any interactivity */}
-        <body>
-          <GTAG />
-          <FlexBox justifyContent="between" direction="col" className="min-h-screen relative">
-            {children}
-          </FlexBox>
-        </body>
-      </html>
+      <SearchModalProvider>
+        <html
+          lang="en"
+          className={cnb(
+            source_sans.variable,
+            source_serif.variable,
+            stanford.variable,
+          )}
+        >
+          {/* Absolutely necessary to have a body tag here, otherwise your components won't get any interactivity */}
+          <body>
+            <GTAG />
+            <FlexBox justifyContent="between" direction="col" className="min-h-screen relative">
+              {children}
+            </FlexBox>
+          </body>
+        </html>
+      </SearchModalProvider>
     </GAProvider>
   );
 };
 
@@ -20,6 +20,7 @@ import {
   MinusIcon,
   PlayCircleIcon,
   PlusIcon,
+  MagnifyingGlassIcon,
   XMarkIcon,
 } from '@heroicons/react/24/outline';
 import { CheckIcon } from '@heroicons/react/16/solid';
@@ -56,6 +57,7 @@ export const iconMap = {
   'play-outline': PlayCircleIcon,
   plus: PlusIcon,
   right: ArrowRightIcon,
+  search: MagnifyingGlassIcon,
   up: ArrowUpIcon,
 };
 export type IconType = keyof typeof iconMap;
Original file line number	Diff line number	Diff line change
`@@ -38,7 +38,7 @@ const Page = async ({ searchParams }: PageProps) => {`
`38`	`38`	`const { access_key: accessKey, path } = await searchParams;`
`39`	`39`
`40`	`40`	`// Not a valid editor token.`
`41`		`- if (accessKey !== process.env.STORYBLOK_PREVIEW_EDITOR_TOKEN) {`
	`41`	`+ if (accessKey !== process.env.NEXT_PUBLIC_STORYBLOK_ACCESS_TOKEN) {`
`42`	`42`	`console.error('Invalid editor token');`
`43`	`43`	`notFound();`
`44`	`44`	`}`