feat: wrapping root application with ThemeProvider context

LuiSauter · LuiSauter · commit 2c202e231a85 · 2022-07-18T23:55:06.000-04:00
diff --git a/pages/_app.js b/pages/_app.js
@@ -1,7 +1,12 @@
+import { ThemeProvider } from '../context/ThemeProvider'
 import '../styles/globals.css'
 
 function MyApp({ Component, pageProps }) {
-  return <Component {...pageProps} />
+  return (
+    <ThemeProvider forcedTheme={Component.theme || undefined}>
+      <Component {...pageProps} />
+    </ThemeProvider>
+  )
 }
 
 export default MyApp
diff --git a/pages/app.js b/pages/app.js
@@ -0,0 +1,9 @@
+import React from 'react'
+
+const App = () => {
+  return (
+    <div>app</div>
+  )
+}
+
+export default App
diff --git a/pages/index.js b/pages/index.js
@@ -2,7 +2,7 @@ import Head from 'next/head'
 import { Fragment } from 'react'
 import Layout from '../components/layout/Layout'
 
-export default function Home() {
+function Home() {
   return (
     <Fragment>
       <Head>
@@ -26,3 +26,4 @@ export default function Home() {
     </Fragment>
   )
 }
+export default Home

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@ import Head from 'next/head'`
`2`	`2`	`import { Fragment } from 'react'`
`3`	`3`	`import Layout from '../components/layout/Layout'`
`4`	`4`
`5`		`-export default function Home() {`
	`5`	`+function Home() {`
`6`	`6`	`return (`
`7`	`7`	`<Fragment>`
`8`	`8`	`<Head>`
`@@ -26,3 +26,4 @@ export default function Home() {`
`26`	`26`	`</Fragment>`
`27`	`27`	`)`
`28`	`28`	`}`
	`29`	`+export default Home`