lukaskupczyk/react-hook-consent

import { useCallback } from 'react';
import { useConsent } from 'react-hook-consent';
import './App.css';

function App() {
    const { toggleBanner, hasConsent } = useConsent();

    const setExampleCookie = useCallback(() => {
        document.cookie = `example_cookie=helloworld`;
    }, []);

    const setExampleLocalStorage = useCallback(() => {
        localStorage.setItem('example_local_storage', 'helloworld');
    }, []);

    const setExampleSessionStorage = useCallback(() => {
        sessionStorage.setItem('example_session_storage', 'helloworld');
    }, []);

    return (
        <div className="App">
            <header className="App-header">
                <button onClick={() => toggleBanner()}>Toggle Consent Banner</button>
                <button onClick={setExampleCookie}>Set example cookie</button>
                <button onClick={setExampleLocalStorage}>Set example local storage</button>
                <button onClick={setExampleSessionStorage}>Set example session storage</button>
                <p>Has "myid" consent: {hasConsent('myid') ? <>Yes</> : <>No</>}</p>
            </header>
        </div>
    );
}

export default App;