cookies consent

src/components/Dialogs/Cookies.js

@@ -0,0 +1,35 @@
+import React, { useState, useEffect } from 'react';
+import ButtonPrimary from '../Input/ButtonPrimary';
+import UniversalCookies from "universal-cookie";
+
+export default function Cookies(props){
+    const cookies = new UniversalCookies();
+    const[visible, setVisible] = useState(true);
+
+    const setCookiesConsent = () => {
+        cookies.set('cookies-consent', true);
+        setVisible(false);
+    }
+
+    useEffect(() => {
+        const getCookies = new UniversalCookies();
+        const consent = getCookies.get('cookies-consent')
+        console.log(consent);
+        if(typeof(consent) !== "undefined"){
+            setVisible(false);
+        }
+    }, [])
+
+    if(visible){
+        return(
+            <div className="cookies-container">
+                <h5 className="cookies-text">Menui korzysta z ciasteczek (cookies). Dalsze korzystanie z serwisu oznacza zgodę na ich użycie.</h5>
+                <ButtonPrimary text="W porządku" onClick={setCookiesConsent}/>
+            </div>
+        )
+    } else {
+        return(
+            <div></div>
+        )
+    }
+}