24 lines
746 B
TypeScript
24 lines
746 B
TypeScript
import { useState } from "react";
|
|
|
|
import { login, signup } from "@/lib/server_functions/userAuth";
|
|
export default function Login() {
|
|
const [createAccount, setCreateAccount] = useState(false);
|
|
|
|
return (
|
|
<div>
|
|
<form action={createAccount ? login : signup}>
|
|
<input type="text" name="username" placeholder="Username" required />
|
|
<input
|
|
type="password"
|
|
name="password"
|
|
placeholder="Password"
|
|
required
|
|
/>
|
|
<button type="submit">{createAccount ? "Login" : "Signup"}</button>
|
|
</form>
|
|
<button onClick={() => setCreateAccount(!createAccount)}>
|
|
{createAccount ? "Don't have an account?" : "Already have an account?"}
|
|
</button>
|
|
</div>
|
|
);
|
|
}
|