status-im
/
safe-react
mirror of https://github.com/status-im/safe-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix `[warning] react-hooks/exhaustive-deps`

This commit is contained in:
fernandomg 2021-02-11 19:18:24 -03:00
parent 0e23b8f6d3
commit 1e0f8b9b7e
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/CookiesBanner/index.tsx
View File

@ -1,7 +1,7 @@
import Checkbox from '@material-ui/core/Checkbox' import Checkbox from '@material-ui/core/Checkbox'
import FormControlLabel from '@material-ui/core/FormControlLabel' import FormControlLabel from '@material-ui/core/FormControlLabel'
import { makeStyles } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles'
import React, { ReactElement, useEffect, useState } from 'react' import React, { ReactElement, useEffect, useRef, useState } from 'react'
import { useDispatch, useSelector } from 'react-redux' import { useDispatch, useSelector } from 'react-redux'
import Button from 'src/components/layout/Button' import Button from 'src/components/layout/Button'
import Link from 'src/components/layout/Link' import Link from 'src/components/layout/Link'
@ -96,7 +96,7 @@ interface CookiesBannerFormProps {
const CookiesBanner = (): ReactElement => { const CookiesBanner = (): ReactElement => {
const classes = useStyles() const classes = useStyles()
const dispatch = useDispatch() const dispatch = useRef(useDispatch())
const [showAnalytics, setShowAnalytics] = useState(false) const [showAnalytics, setShowAnalytics] = useState(false)
const [showIntercom, setShowIntercom] = useState(false) const [showIntercom, setShowIntercom] = useState(false)
@ -110,7 +110,7 @@ const CookiesBanner = (): ReactElement => {
async function fetchCookiesFromStorage() { async function fetchCookiesFromStorage() {
const cookiesState = await loadFromCookie(COOKIES_KEY) const cookiesState = await loadFromCookie(COOKIES_KEY)
if (!cookiesState) { if (!cookiesState) {
dispatch(openCookieBanner({ cookieBannerOpen: true })) dispatch.current(openCookieBanner({ cookieBannerOpen: true }))
} else { } else {
const { acceptedIntercom, acceptedAnalytics, acceptedNecessary } = cookiesState const { acceptedIntercom, acceptedAnalytics, acceptedNecessary } = cookiesState
if (acceptedIntercom === undefined) { if (acceptedIntercom === undefined) {
@ -143,7 +143,7 @@ const CookiesBanner = (): ReactElement => {
await saveCookie(COOKIES_KEY, newState, 365) await saveCookie(COOKIES_KEY, newState, 365)
setShowAnalytics(!isDesktop) setShowAnalytics(!isDesktop)
setShowIntercom(true) setShowIntercom(true)
dispatch(openCookieBanner({ cookieBannerOpen: false })) dispatch.current(openCookieBanner({ cookieBannerOpen: false }))
} }
const closeCookiesBannerHandler = async () => { const closeCookiesBannerHandler = async () => {
@ -159,7 +159,7 @@ const CookiesBanner = (): ReactElement => {
if (!localIntercom && isIntercomLoaded()) { if (!localIntercom && isIntercomLoaded()) {
closeIntercom() closeIntercom()
} }
dispatch(openCookieBanner({ cookieBannerOpen: false })) dispatch.current(openCookieBanner({ cookieBannerOpen: false }))
} }
if (showAnalytics && !isDesktop) { if (showAnalytics && !isDesktop) {
@ -254,7 +254,7 @@ const CookiesBanner = (): ReactElement => {
<img <img
className={classes.intercomImage} className={classes.intercomImage}
src={IntercomIcon} src={IntercomIcon}
onClick={() => dispatch(openCookieBanner({ cookieBannerOpen: true, intercomAlertDisplayed: true }))} onClick={() => dispatch.current(openCookieBanner({ cookieBannerOpen: true, intercomAlertDisplayed: true }))}
/> />
)} )}
{!isDesktop && showBanner?.cookieBannerOpen && ( {!isDesktop && showBanner?.cookieBannerOpen && (