summaryrefslogtreecommitdiffstats
path: root/src/components/Tooltip/Tooltip.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-04-29 12:13:34 +0200
committerArmand Philippot <git@armandphilippot.com>2022-04-29 18:30:05 +0200
commit7e16f500cb7bc0cfd8bafbf6bb1555704f771231 (patch)
treebfc2b4a475cb06a787e2c4bdf284165644e82952 /src/components/Tooltip/Tooltip.tsx
parent5324664e87bedfaa01ba62c0c847ef5b861e69b3 (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/Tooltip/Tooltip.tsx')
-rw-r--r--src/components/Tooltip/Tooltip.tsx59
1 files changed, 0 insertions, 59 deletions
diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx
deleted file mode 100644
index 56a87ab..0000000
--- a/src/components/Tooltip/Tooltip.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { ButtonHelp } from '@components/Buttons';
-import { useState } from 'react';
-import { useIntl } from 'react-intl';
-import styles from './Tooltip.module.scss';
-
-const Tooltip = ({
- message,
- title,
-}: {
- message: string | string[];
- title: string;
-}) => {
- const intl = useIntl();
- const [isOpen, setIsOpen] = useState<boolean>(false);
-
- const getMessageFromArray = (strings: string[]) => {
- let keyIndex = 0;
- return (
- <ul>
- {strings.map((string) => {
- keyIndex = keyIndex + 1;
- return <li key={`message-${keyIndex}`}>{string}</li>;
- })}
- </ul>
- );
- };
-
- const buttonTitle = isOpen
- ? intl.formatMessage({
- defaultMessage: 'Close help',
- description: 'Tooltip: button title',
- id: '9kx83j',
- })
- : intl.formatMessage({
- defaultMessage: 'Show help',
- description: 'Tooltip: button title',
- id: 'A5n+C9',
- });
-
- const wrapperModifier = isOpen ? styles.visible : styles.hidden;
-
- return (
- <div>
- <ButtonHelp
- showHelp={isOpen}
- setShowHelp={setIsOpen}
- title={buttonTitle}
- />
- <div className={`${styles.wrapper} ${wrapperModifier}`}>
- <div className={styles.title}>{title}</div>
- <div className={styles.message}>
- {Array.isArray(message) ? getMessageFromArray(message) : message}
- </div>
- </div>
- </div>
- );
-};
-
-export default Tooltip;