test.txt

<div>
        <h1>Register</h1>
        <input 
        placeholder="username"
        onChange={(e) =>setRegisterUsername(e.target.value)}
        />
        <input 
        placeholder="password"
        onChange={(e) =>setRegisterPassword(e.target.value)}
        />
        <button onClick={register}>Submit</button>
      </div>
      <div>
        <h1>Login</h1>
        <input 
        placeholder="username"
        onChange={e =>setLoginUsername(e.target.value)}
        />
        <input 
        placeholder="password"
        onChange={e =>setLoginPassword(e.target.value)}
        />
        <button onClick={login}>Submit</button>
      </div>
      <div>
        <h1>Logout</h1>
        <button onClick={logoutPage}></button>
        {
          logout ? "Succesfully logout":null
        }
      </div>
      <div>Get User</div>
      <button onClick={getUser}>Submit</button>
      {
        data ? <h1>Welcome Back {data.username}</h1>: null
      }

      <div className="overlay-panel overlay-left">
              <h1>Welcome Back!</h1>
              <p>To keep connected with us please login with your personal info</p>
              <button className="ghost" id="signIn">Sign In</button>
            </div>