import { memo , useEffect } from 'react' ; import styled from 'styled-components' ; import { Heading } from 'components/core/Text/Text' ; import Button from 'components/core/Button/Button' ; import Spacer from 'components/core/Spacer/Spacer' ; import Page from 'components/core/Page/Page' ; import GalleryLink from 'components/core/GalleryLink/GalleryLink' ; import { useAuthActions } from 'contexts/auth/AuthContext' ; function Nuke ( ) { const { logOut } = useAuthActions ( ) ; useEffect ( logOut , [ logOut ] ) ; return ( < Page centered > < Heading > Your local cache has been nuked < /Heading> < Spacer height = { 32 } / > < GalleryLink to = "/" > < StyledButton text = "Take me home" / > < /GalleryLink> < /Page>); } const StyledButton = styled ( Button ) `
  padding: 0px 24px;
` ; export default memo ( Nuke ) ;