Move createcontext out of layout

Shoreasg · Sep 3, 2023 · a58f517 · a58f517
1 parent ef12334
commit a58f517
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 7 deletions.
diff --git a/app/components/CarousellBanners.tsx b/app/components/CarousellBanners.tsx
@@ -2,7 +2,7 @@
 import { InformationCircleIcon } from "@heroicons/react/24/outline";
 import Carousel from "nuka-carousel";
 import { useContext, useState } from "react";
-import { onMenuClickContext } from "../layout";
+import { onMenuClickContext } from "../context/MenuContext";
 
 export default function CarousellBanners() {
   const [isShownPopUp, setIsShownPopUp] = useState(false);

diff --git a/app/components/Header.tsx b/app/components/Header.tsx
@@ -1,6 +1,7 @@
 "use client";
 import { Dispatch, SetStateAction, useContext } from "react"
-import { onMenuClickContext } from "../layout";
+import { onMenuClickContext } from "../context/MenuContext";
+
 
 interface HeaderProps {
     setMenuClick: Dispatch<SetStateAction<boolean>>;

diff --git a/app/components/MobileNavBar.tsx b/app/components/MobileNavBar.tsx
@@ -12,7 +12,7 @@ import {
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { useContext } from "react";
-import { onMenuClickContext } from "../layout";
+import { onMenuClickContext } from "../context/MenuContext";
 
 
 

diff --git a/app/components/NavBarV2.tsx b/app/components/NavBarV2.tsx
@@ -14,7 +14,7 @@ import {
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { Dispatch, SetStateAction, useContext, useState } from "react";
-import { onMenuClickContext } from "../layout";
+import { onMenuClickContext } from "../context/MenuContext";
 
 interface NavBarProps {
   setMenuClick: Dispatch<SetStateAction<boolean>>;

diff --git a/app/components/Overlay.tsx b/app/components/Overlay.tsx
@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction, useContext } from "react";
-import { onMenuClickContext } from "../layout";
+import { onMenuClickContext } from "../context/MenuContext";
 
 interface overlayProps{
   setMenuClick: Dispatch<SetStateAction<boolean>>;

diff --git a/app/context/MenuContext.tsx b/app/context/MenuContext.tsx
@@ -0,0 +1,3 @@
+import { createContext } from "react";
+
+export const onMenuClickContext = createContext(true);
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,12 +1,13 @@
 "use client";
-import { createContext, useState } from "react";
+import { useState } from "react";
 import { AnalyticsWrapper } from "./analytics";
 import Header from "./components/Header";
 import NavBarV2 from "./components/NavBarV2";
 import "./globals.css";
 import { Plus_Jakarta_Sans, Lato } from "@next/font/google";
 import MobileNavBar from "./components/MobileNavBar";
 import Overlay from "./components/Overlay";
+import { onMenuClickContext } from "./context/MenuContext";
 
 const plusJakartaSans = Plus_Jakarta_Sans({
   variable: "--font-jakarta-sans",
@@ -20,7 +21,6 @@ const lato = Lato({
   weight: ["400", "700"],
 });
 
-export const onMenuClickContext = createContext(true);
 
 export default function RootLayout({
   children,
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		import { createContext } from "react";

		export const onMenuClickContext = createContext(true);