diff --git a/components/footer.js b/components/footer.js index 1a8d645d..93181183 100644 --- a/components/footer.js +++ b/components/footer.js @@ -10,6 +10,8 @@ import Link from 'next/link' import useDarkMode from 'use-dark-mode' import Sun from '../svgs/sun-fill.svg' import Moon from '../svgs/moon-fill.svg' +import No from '../svgs/no.svg' +import Bolt from '../svgs/bolt.svg' import { useEffect, useState } from 'react' // XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX @@ -111,7 +113,6 @@ export default function Footer ({ noLinks }) { connectAddress } ` - const { data } = useQuery(query, { fetchPolicy: 'cache-first' }) const darkMode = useDarkMode(false, { @@ -120,11 +121,26 @@ export default function Footer ({ noLinks }) { }) const [mounted, setMounted] = useState() + const [lightning, setLightning] = useState(undefined) useEffect(() => { setMounted(true) + setLightning(localStorage.getItem('lnAnimate') || 'yes') }) + const toggleLightning = () => { + if (lightning === 'yes') { + localStorage.setItem('lnAnimate', 'no') + setLightning('no') + } else { + localStorage.setItem('lnAnimate', 'yes') + setLightning('yes') + } + } + + const DarkModeIcon = darkMode.value ? Sun : Moon + const LnIcon = lightning === 'yes' ? No : Bolt + return (