Fix context error in /doc (#179)

devvsakib · Oct 6, 2023 · ceb0fad · ceb0fad · vercel · Oct 6, 2023
1 parent 0059335
commit ceb0fad
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -4,20 +4,17 @@ import Error from "./components/Error/Error";
 import SearchInput from "./components/Search/SearchInput";
 import Layout from "./components/Layout/Layout";
 import BGShape from "./components/BGShape";
-import { ThemeProvider } from "./context/ThemeContext";
 
 function App() {
   const [search, setSearch] = useState("");
   const [type, setType] = useState("");
 
   return (
     <>
-      <ThemeProvider>
         <Layout>
           <SearchInput search={search} setSearch={setSearch} setType={setType} />
           <Error search={search} type={type} />
         </Layout>
-      </ThemeProvider>
     </>
   );
 }

diff --git a/src/components/Layout/Layout.jsx b/src/components/Layout/Layout.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import Header from '../Header/Header';
 import Footer from '../Footer/Footer';
+import { ThemeProvider } from '../../context/ThemeContext';
 
 /**
  * The Layout function is a React component that returns a div with a Header component and the children
@@ -9,15 +10,15 @@ import Footer from '../Footer/Footer';
  */
 const Layout = ({children}) => {
     return (
-        <>
+        <ThemeProvider>
           <Header 
               notice={"Under Construction"}
           />
           <div className='relative'>
               {children}
           </div>
           <Footer />
-        </>
+        </ThemeProvider>
     );
 };