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 (
  • Custom Rules
  • ); } else { return
    ; } }; const dashboard = () => { if (user) { return (
  • Dashboard
  • ); } else { return
    ; } }; return ( ); }