OnzAuth App Js UI

App.js

return (
    <div className="wrapper">
      <h1>Application</h1>
      <button onClick={() => {
        if (isLoggingIn) {
          handleCancelLogin();
          return;
        }
        if (isLoggedIn) {
          handleLogout();
        } else {
          handleLogin();
        }
      }}>
        {isLoggingIn ? 'Cancel Log in' : (isLoggedIn ? 'Log out' : 'Log in')} 
      </button>
      <div id="myLoginDiv"></div>
      <Routes>
        <Route path="/protected" element={
          <ProtectedRoute user={user}>
            <ProtectedPage user={user}/>
          </ProtectedRoute>} />
        <Route index element={
          <PublicPage />
        } />
      </Routes>
    </div>
);