From 84903c1e5182124b1bb618b7d8754cb70d0a6647 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Wed, 23 Feb 2022 18:11:37 +0100 Subject: feat: improve Ackee tracking (#11) * build(deps): add use-ackee hook package * chore: create a context provider for Ackee The provider allows users to change the 'detailed' settings. * chore: add a select menu to choose which info to share with Ackee * chore: add a tooltip for askee settings * chore: replace default select styles with custom styles * chore: register user choice in localstorage * chore: replace Matomo with Ackee in legal notice --- src/components/Buttons/ButtonHelp/ButtonHelp.tsx | 41 ++++++++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 src/components/Buttons/ButtonHelp/ButtonHelp.tsx (limited to 'src/components/Buttons/ButtonHelp/ButtonHelp.tsx') diff --git a/src/components/Buttons/ButtonHelp/ButtonHelp.tsx b/src/components/Buttons/ButtonHelp/ButtonHelp.tsx new file mode 100644 index 0000000..252e58c --- /dev/null +++ b/src/components/Buttons/ButtonHelp/ButtonHelp.tsx @@ -0,0 +1,41 @@ +import { SetStateAction } from 'react'; +import { useIntl } from 'react-intl'; +import styles from './ButtonHelp.module.scss'; + +const ButtonHelp = ({ + showHelp, + setShowHelp, + title, +}: { + showHelp: boolean; + setShowHelp: (value: SetStateAction) => void; + title?: string; +}) => { + const intl = useIntl(); + + const handleClick = () => { + setShowHelp((prev) => !prev); + }; + + const activeModifier = showHelp ? styles.active : ''; + + return ( + + ); +}; + +export default ButtonHelp; -- cgit v1.2.3