diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-01-05 12:00:43 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-01-05 12:00:43 +0100 |
| commit | 0a954547b2bb8136c97f3a697274319751e046ed (patch) | |
| tree | c45e59bebc2b3fdebec8be4f5778ddf5cb6ce2f4 /src/components/Buttons/ButtonTheme | |
| parent | 71d133bb1c73031abbf4869bdd938e583b397773 (diff) | |
chore: replace theme button with settings
I plan to add more user settings so theme options should be inside
settings.
Diffstat (limited to 'src/components/Buttons/ButtonTheme')
| -rw-r--r-- | src/components/Buttons/ButtonTheme/ButtonTheme.tsx | 40 |
1 files changed, 0 insertions, 40 deletions
diff --git a/src/components/Buttons/ButtonTheme/ButtonTheme.tsx b/src/components/Buttons/ButtonTheme/ButtonTheme.tsx deleted file mode 100644 index afbac89..0000000 --- a/src/components/Buttons/ButtonTheme/ButtonTheme.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import { CloseIcon, ThemeIcon } from '@components/Icons'; -import { t } from '@lingui/macro'; -import { SetStateAction } from 'react'; -import styles from '../Buttons.module.scss'; - -const ButtonTheme = ({ - isActivated, - setIsActivated, -}: { - isActivated: boolean; - setIsActivated: (value: SetStateAction<boolean>) => void; -}) => { - const btnClasses = isActivated - ? `${styles.theme} ${styles['theme--opened']}` - : styles.theme; - - return ( - <button - className={btnClasses} - type="button" - onClick={() => setIsActivated(!isActivated)} - > - <span className={styles.icon}> - <span className={styles.front}> - <ThemeIcon /> - </span> - <span className={styles.back}> - <CloseIcon /> - </span> - </span> - {isActivated ? ( - <span className="screen-reader-text">{t`Close theme options`}</span> - ) : ( - <span className="screen-reader-text">{t`Open theme options`}</span> - )} - </button> - ); -}; - -export default ButtonTheme; |
