Add signup and login btns

browser-domain/src/components/LogIn/LogIn.tsx

@@ -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>
                     ) : (

browser-domain/src/components/SignUp/SignUp.tsx

@@ -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>
                     ) : (