diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-04-29 12:13:34 +0200 | 
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-04-29 18:30:05 +0200 | 
| commit | 7e16f500cb7bc0cfd8bafbf6bb1555704f771231 (patch) | |
| tree | bfc2b4a475cb06a787e2c4bdf284165644e82952 /src/components/Settings/PrismThemeToggle/PrismThemeToggle.tsx | |
| parent | 5324664e87bedfaa01ba62c0c847ef5b861e69b3 (diff) | |
chore: remove old pages, components, helpers and types
Since I'm using new components, I will also rewrite the GraphQL queries
so it is easier to start from scratch.
Diffstat (limited to 'src/components/Settings/PrismThemeToggle/PrismThemeToggle.tsx')
| -rw-r--r-- | src/components/Settings/PrismThemeToggle/PrismThemeToggle.tsx | 50 | 
1 files changed, 0 insertions, 50 deletions
| diff --git a/src/components/Settings/PrismThemeToggle/PrismThemeToggle.tsx b/src/components/Settings/PrismThemeToggle/PrismThemeToggle.tsx deleted file mode 100644 index 20ad267..0000000 --- a/src/components/Settings/PrismThemeToggle/PrismThemeToggle.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import { Toggle } from '@components/FormElements'; -import { MoonIcon, SunIcon } from '@components/Icons'; -import Spinner from '@components/Spinner/Spinner'; -import { usePrismTheme } from '@utils/providers/prism-theme'; -import { useEffect, useState } from 'react'; -import { useIntl } from 'react-intl'; - -const PrismThemeToggle = () => { -  const intl = useIntl(); -  const [isMounted, setIsMounted] = useState<boolean>(false); - -  useEffect(() => { -    setIsMounted(true); -  }, []); - -  const { theme, setTheme, resolvedTheme } = usePrismTheme(); -  const [isDarkTheme, setIsDarkTheme] = useState<boolean>(theme === 'dark'); - -  useEffect(() => { -    if (theme === 'system') { -      setIsDarkTheme(resolvedTheme === 'dark'); -    } else { -      setIsDarkTheme(theme === 'dark'); -    } -  }, [theme, resolvedTheme]); - -  const updateTheme = () => { -    isDarkTheme ? setTheme('light') : setTheme('dark'); -    setIsDarkTheme(!isDarkTheme); -  }; - -  if (!isMounted) return <Spinner />; - -  return ( -    <Toggle -      id="prism-theme" -      label={intl.formatMessage({ -        defaultMessage: 'Code blocks:', -        description: 'PrismThemeToggle: toggle label', -        id: 'w0UfY0', -      })} -      leftChoice={<SunIcon />} -      rightChoice={<MoonIcon />} -      value={isDarkTheme} -      changeHandler={updateTheme} -    /> -  ); -}; - -export default PrismThemeToggle; | 
