35 lines
1.1 KiB
JavaScript
35 lines
1.1 KiB
JavaScript
import React, { useState, useEffect } from 'react';
|
|
import ButtonSecondary from '../Input/ButtonSecondary';
|
|
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>
|
|
<ButtonSecondary text="W porządku" onClick={setCookiesConsent}/>
|
|
</div>
|
|
)
|
|
} else {
|
|
return(
|
|
<div></div>
|
|
)
|
|
}
|
|
} |