slococo
/
fids
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add signup and login btns

This commit is contained in:
bsquillari 2023-11-29 04:18:12 +00:00
parent fd8ac67cf1
commit 42eeac8d2a
2 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
browser-domain/src/components/LogIn/LogIn.tsx
View File

@ -1,11 +1,13 @@
import React, { useState } from "react";
import { Button, Input } from "antd";
import useAuth from "../../useAuth";
import { useNavigate } from "react-router";
export const LogIn = () => {
const { login, loading, error } = useAuth();
const [email, setEmail] = useState("");
const [password, setPassword] = useState("");
const navigate = useNavigate();
return (
<div className="Box Small">
@ -28,6 +30,14 @@ export const LogIn = () => {
>
Log in
</Button>
<Button
style={{ width: "100%" }}
onClick={() =>
navigate("/signup")
}
>
Sign up
</Button>
{error ? (
<div className="Disconnected">{error}</div>
) : (

10
browser-domain/src/components/SignUp/SignUp.tsx
View File

@ -1,12 +1,14 @@
import React, { useState } from "react";
import { Button, Input } from "antd";
import { useCreateUser } from "../../hooks/useCreateUser";
import { useNavigate } from "react-router";
export const SignUp = () => {
const [username, setUsername] = useState("");
const [email, setEmail] = useState("");
const [password, setPassword] = useState("");
const [repeatPassword, setRepeatPassword] = useState("");
const navigate = useNavigate();
const { createUser, isLoading, error } = useCreateUser();
@ -46,6 +48,14 @@ export const SignUp = () => {
>
Sign up
</Button>
<Button
style={{ width: "100%" }}
onClick={() =>
navigate("/login")
}
>
Login
</Button>
{error ? (
<div className="Disconnected">{error}</div>
) : (