From a69ae169fa3777be561a4dc5533070939ef2e8be Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sun, 25 Dec 2022 19:34:06 -0800
Subject: [PATCH] Tell ThemeProvider whether to use system theme

---
 pages/_app.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/pages/_app.tsx b/pages/_app.tsx
index 83bba370..e8dfb782 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,7 +1,7 @@
-import { useEffect } from 'react'
+import { useEffect, useState } from 'react'
 import { getCookie, getCookies } from 'cookies-next'
 import { appWithTranslation } from 'next-i18next'
-import { ThemeProvider } from 'next-themes'
+import { ThemeProvider, useTheme } from 'next-themes'
 
 import type { AppProps } from 'next/app'
 import Layout from '~components/Layout'
@@ -20,12 +20,15 @@ function MyApp({ Component, pageProps }: AppProps) {
     user: userCookie ? JSON.parse(userCookie as string) : undefined,
   }
 
+  const [useSystem, setUseSystem] = useState(
+    cookieData.user?.theme === 'system'
+  )
+
   useEffect(() => {
     setUserToken()
 
     if (accountCookie) {
-      console.log(`Logged in as user "${cookieData.user}"`)
-      console.log(cookieData.account, cookieData.user)
+      console.log(`Logged in as user "${cookieData.account.username}"`)
 
       accountState.account.authorized = true
       accountState.account.user = {
@@ -43,7 +46,7 @@ function MyApp({ Component, pageProps }: AppProps) {
   }, [])
 
   return (
-    <ThemeProvider>
+    <ThemeProvider enableSystem={useSystem}>
       <Layout>
         <Component {...pageProps} />
       </Layout>