Components

AuthedApp

Props:

State Hooks:

loggedIn: default value null. false if not logged in, true if it is.
loading: default value true. Flag to tell if async functions are done and whether to render loading screen or not.
user: default value null.
isUserAuthorized: default value null.

Purpose:

Renders a visual entry point, as well as handles authentication tasks. It displays the CircularProgress component when loading, PushForm when loggedIn, otherwise displays SignIn component.

It uses two useEffect hooks to handle authentication and re-rendering.

Hooks:

isAuthed
updateLoginStatus
logout
authContextValues