jsx import { jsx } from '@emotion/core' ; import { Typography } from '@material-ui/core' ; import React from 'react' ; import baseStyles from './base.module.scss' ; import { useUserStore } from './stores/user' ; import { TopBar , TopBarButton } from './topBar' ; export const NotFound = ( ) => { const isLoggedIn = useUserStore ( state => state . status === 'loggedIn' ) ; return ( < div className = { baseStyles . fullScreen } > < TopBar rightMenu = { isLoggedIn ? < TopBarButton to = "/library" > Library < /TopBarButton> : undefined}/ > < div className = { baseStyles . screenCentered } > < Typography variant = "h3" > Page Not Found : ( < /Typography> < /div> < /div>); } ;