import React from 'react'; import { useSelector } from 'react-redux'; import { ReduxSelector } from '../types/store'; import { User } from '../types/user'; export default function NavBar(): JSX.Element { const user: User | undefined = useSelector( (selector: ReduxSelector) => selector.currentUser.user, ); const signedInAs = () => { if (user) { return (
Signed in as {user.full_name}
); } else { return ; } }; const customRules = () => { if (user) { return (