Add nav to signup

frontend/src/components/authentication/SignUpPage.jsx

@@ -1,24 +1,9 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import axiosapi from "../../api/AuthenticationApi";
 import { FcGoogle } from "react-icons/fc";
 import { useGoogleLogin } from "@react-oauth/google";
-
-function Copyright(props) {
-  return (
-    <div className="text-center text-sm text-gray-500" {...props}>
-      {"Copyright © "}
-      <a
-        href="https://github.com/TurTaskProject/TurTaskWeb"
-        className="text-blue-500 hover:underline"
-      >
-        TurTask
-      </a>{" "}
-      {new Date().getFullYear()}
-      {"."}
-    </div>
-  );
-}
+import { NavPreLogin } from "../navigations/NavPreLogin";
 
 export default function SignUp() {
   const Navigate = useNavigate();
@@ -50,10 +35,7 @@ export default function SignUp() {
   const handleChange = (e) => {
     const { name, value } = e.target;
     setFormData({ ...formData, [name]: value });
-    console.log(formData);
   };
-  {
-  }
 
   const googleLoginImplicit = useGoogleLogin({
     flow: "auth-code",
@@ -78,11 +60,10 @@ export default function SignUp() {
   });
 
   return (
+    <div>
+      <NavPreLogin text="Already have account?" btn_text="Log In" link="/login" />
       <div className="h-screen flex items-center justify-center bg-gradient-to-r from-zinc-100 via-gray-200 to-zinc-100">
-      <div
-        aria-hidden="true"
-        className="absolute inset-0 grid grid-cols-2 -space-x-52 opacity-40"
-      >
+        <div aria-hidden="true" className="absolute inset-0 grid grid-cols-2 -space-x-52 opacity-40">
           <div className="blur-[106px] h-56 bg-gradient-to-br from-primary to-purple-400"></div>
           <div className="blur-[106px] h-32 bg-gradient-to-r from-cyan-400 to-sky-300"></div>
         </div>
@@ -97,13 +78,7 @@ export default function SignUp() {
                   Email<span className="text-red-500 text-bold">*</span>
                 </p>
               </label>
-            <input
-              className="input"
-              type="email"
-              id="email"
-              placeholder="Enter your email"
-              onChange={handleChange}
-            />
+              <input className="input" type="email" id="email" placeholder="Enter your email" onChange={handleChange} />
             </div>
             {/* Username Input */}
             <div className="form-control">
@@ -143,10 +118,7 @@ export default function SignUp() {
             </button>
             <div className="divider">OR</div>
             {/* Login with Google Button */}
-          <button
-            className="btn btn-outline btn-secondary w-full "
-            onClick={() => googleLoginImplicit()}
-          >
+            <button className="btn btn-outline btn-secondary w-full " onClick={() => googleLoginImplicit()}>
               <FcGoogle className="rounded-full bg-white" />
               Login with Google
             </button>
@@ -154,7 +126,7 @@ export default function SignUp() {
             <div className="text-blue-500 flex justify-center text-sm">
               <a href="login">Already have an account?</a>
             </div>
-          <Copyright />
+          </div>
         </div>
       </div>
     </div>