aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/Buttons/ButtonToolbar
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/Buttons/ButtonToolbar')
-rw-r--r--src/components/Buttons/ButtonToolbar/ButtonToolbar.tsx72
1 files changed, 0 insertions, 72 deletions
diff --git a/src/components/Buttons/ButtonToolbar/ButtonToolbar.tsx b/src/components/Buttons/ButtonToolbar/ButtonToolbar.tsx
deleted file mode 100644
index 7ceb70d..0000000
--- a/src/components/Buttons/ButtonToolbar/ButtonToolbar.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import { CloseIcon, CogIcon, SearchIcon } from '@components/Icons';
-import { ForwardedRef, forwardRef, SetStateAction } from 'react';
-import { useIntl } from 'react-intl';
-import styles from '../Buttons.module.scss';
-
-type ButtonType = 'search' | 'settings';
-
-const ButtonToolbar = (
- {
- type,
- isActivated,
- setIsActivated,
- }: {
- type: ButtonType;
- isActivated: boolean;
- setIsActivated: (value: SetStateAction<boolean>) => void;
- },
- ref: ForwardedRef<HTMLButtonElement>
-) => {
- const intl = useIntl();
- const ButtonIcon = () => (type === 'search' ? <SearchIcon /> : <CogIcon />);
- const btnClasses = isActivated
- ? `${styles.toolbar} ${styles['toolbar--activated']}`
- : styles.toolbar;
-
- return (
- <button
- ref={ref}
- className={btnClasses}
- type="button"
- onClick={() => setIsActivated(!isActivated)}
- >
- <span className={styles.icon}>
- <span className={styles.front}>
- <ButtonIcon />
- </span>
- <span className={styles.back}>
- <CloseIcon />
- </span>
- </span>
- {isActivated ? (
- <span className="screen-reader-text">
- {intl.formatMessage(
- {
- defaultMessage: 'Close {type}',
- description: 'ButtonToolbar: Close button',
- id: 'SWq8a4',
- },
- {
- type,
- }
- )}
- </span>
- ) : (
- <span className="screen-reader-text">
- {intl.formatMessage(
- {
- defaultMessage: 'Open {type}',
- description: 'ButtonToolbar: Open button',
- id: 'Z1eSIz',
- },
- {
- type,
- }
- )}
- </span>
- )}
- </button>
- );
-};
-
-export default forwardRef(ButtonToolbar);