diff options
Diffstat (limited to 'src/components/Tooltip/Tooltip.tsx')
| -rw-r--r-- | src/components/Tooltip/Tooltip.tsx | 59 | 
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; | 
