From c6e6ddfa657d294eaa854262da165fc7323cc01c Mon Sep 17 00:00:00 2001 From: keyan Date: Tue, 9 Nov 2021 11:38:58 -0600 Subject: [PATCH] half-working local storage version --- components/footer.js | 14 +++++- components/header.js | 12 ----- package-lock.json | 102 +++++++++++++++++++++++++++++-------------- package.json | 1 + pages/_app.js | 21 ++++----- 5 files changed, 92 insertions(+), 58 deletions(-) diff --git a/components/footer.js b/components/footer.js index 5f551e9d..adb75393 100644 --- a/components/footer.js +++ b/components/footer.js @@ -7,8 +7,10 @@ import Texas from '../svgs/texas.svg' import Github from '../svgs/github-fill.svg' import Twitter from '../svgs/twitter-fill.svg' import Link from 'next/link' - +import useDarkMode from 'use-dark-mode' import styled from 'styled-components' +import Sun from '../svgs/sun-fill.svg' +import Moon from '../svgs/moon-fill.svg' const ChatPopover = ( @@ -49,11 +51,21 @@ export default function Footer ({ noLinks }) { const { data } = useQuery(query, { fetchPolicy: 'cache-first' }) + const darkMode = useDarkMode(false, { + // set this so it doesn't try to use classes + onChange: () => { } + }) + return (