feat: add theme provider to app

jonyw4 · Nov 24, 2021 · fd8424b · fd8424b
1 parent dcfdefd
commit fd8424b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/webapp/src/pages/_app.tsx b/webapp/src/pages/_app.tsx
@@ -1,8 +1,10 @@
 import "normalize.css";
 import "../components/global/styles/global.css";
-import { LocaleContext } from "../components/global";
+import { UIProvider } from "../components/global";
 import { useRouter } from "next/router";
 import type { AppProps } from "next/app";
+import { ThemeLocalStorageRepository } from "../infra/ThemeLocalStorageRepository";
+import { adaptThemeRepositoryToThemeData } from "../components/global/adapters";
 
 export default function MyApp({ Component, pageProps }: AppProps) {
   const router = useRouter();
@@ -12,9 +14,12 @@ export default function MyApp({ Component, pageProps }: AppProps) {
     router.push({ pathname, query }, asPath, { locale: nextLocale });
   };
 
+  const themeRepository = new ThemeLocalStorageRepository();
+  const themeData = adaptThemeRepositoryToThemeData(themeRepository)
+
   return (
-    <LocaleContext.Provider value={{ locale: locale, changeLocale }}>
+    <UIProvider themeData={themeData} locale={{ locale, changeLocale }}>
       <Component {...pageProps} />
-    </LocaleContext.Provider>
+    </UIProvider>
   );
 }
diff --git a/webapp/src/pages/_document.tsx b/webapp/src/pages/_document.tsx
@@ -12,7 +12,7 @@ class MyDocument extends Document {
             rel="stylesheet"
           />
         </Head>
-        <body data-theme="dark">
+        <body>
           <Main />
           <NextScript />
         </body>