🐛 dark / light theme rendering. added pwa files to gitignore

dark / light theme rendering. added pwa files to gitignore 🐛 Bugfix
TimMikeladze · Dec 29, 2022 · 5acdf36 · 5acdf36 · vercel · Dec 29, 2022
1 parent 1d1a9e4
commit 5acdf36
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -37,3 +37,5 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+public/sw.js
+public/workbox*.js
diff --git a/src/components/ThemeModeToggle.tsx b/src/components/ThemeModeToggle.tsx
@@ -13,7 +13,9 @@ const ThemeModeToggle = (props: IconButtonProps) => {
 
   if (!mounted) {
     // to avoid layout shift, render a placeholder button
-    return <Button variant="plain" />;
+    return (
+      <Button variant="plain" sx={(theme) => ({ width: theme.spacing(60) })} />
+    );
   }
 
   return (

diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -1,3 +1,4 @@
+import { getInitColorSchemeScript } from '@mui/joy/styles';
 import Document, { Html, Head, Main, NextScript } from 'next/document';
 
 export default class MyDocument extends Document {
@@ -12,6 +13,7 @@ export default class MyDocument extends Document {
           />
         </Head>
         <body>
+          {getInitColorSchemeScript()}
           <Main />
           <NextScript />
         </body>