Finish cookie banner implementation

This commit is contained in:
apane 2019-11-25 10:10:43 -03:00
parent 3af46220fb
commit 6ea47d6990
2 changed files with 17 additions and 9 deletions

View File

@ -68,24 +68,32 @@ const useStyles = makeStyles({
},
})
const acceptCookiesHandler = (newState: CookiesProps) => {
const dispatch = useDispatch()
// Aca tenes q pasarle el estado nuevo de los dos switches
dispatch(saveCookiesToStorage(newState))
}
const CookiesBanner = () => {
const classes = useStyles()
const cookiesState: CookiesProps = useSelector(cookiesSelector)
const { acceptedNecessary, acceptedAnalytics } = cookiesState
const showBanner = !acceptedNecessary || !acceptedAnalytics
const dispatch = useDispatch()
const { acceptedNecessary } = cookiesState
const showBanner = acceptedNecessary === false
const [localNecessary, setLocalNecessary] = useState(true)
const [localAnalytics, setLocalAnalytics] = useState(false)
const acceptCookiesHandler = (newState: CookiesProps) => {
dispatch(saveCookiesToStorage(newState))
}
const closeCookiesBannerHandler = () => {
const newState = {
acceptedNecessary: true,
acceptedAnalytics: false,
}
dispatch(saveCookiesToStorage(newState))
}
return showBanner ? (
<div className={classes.container}>
<IconButton onClick={() => {}} className={classes.close}><Close /></IconButton>
<IconButton onClick={() => closeCookiesBannerHandler()} className={classes.close}><Close /></IconButton>
<div className={classes.content}>
<p className={classes.text}>
We use cookies to give you the best

View File

@ -2,4 +2,4 @@
import { type GlobalState } from '~/store'
import { COOKIE_REDUCER_ID } from '~/logic/cookies/store/reducer/cookies'
export const cookiesSelector = (state: GlobalState) => state[COOKIE_REDUCER_ID]
export const cookiesSelector = (state: GlobalState) => state[COOKIE_REDUCER_ID].toJS()