Changeset 4022db1

Timestamp:

01/26/26 17:02:31 (6 months ago)

Author:

Filip Gavrilovski <filipgavrilovski28@…>

Branches:

main

Children:

3727852

Parents:

24a2a2a

Message:

add logo and favicon

Location:

frontend

Files:

• index.html (modified) (1 diff)
• public/favicon.png (added)
• public/vite.svg (deleted)
• src/Login.tsx (modified) (1 diff)
• src/Nav.tsx (modified) (5 diffs)
• src/Register.tsx (modified) (3 diffs)
• src/assets/logo-finkwave.png (added)

frontend/index.html

@@ -4 +4 @@
                 <meta charset="UTF-8" />
                 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+                <link rel="icon" type="image/png" href="/favicon.png" />
                 <title>Finkwave</title>
         </head>

frontend/src/Login.tsx

@@ -32 +32 @@
         };
         return (
-                <div className="flex flex-col items-center justify-center min-h-screen bg-gray-100">
+                <div className="flex flex-col items-center justify-center min-h-[90vh] bg-gray-100">
                         <h2 className="text-2xl mb-4">Login</h2>
                         <form

frontend/src/Nav.tsx

@@ -1 +1 @@
 import { Link } from "react-router-dom";
 import axiosInstance from "./api/axiosInstance";
+import Logo from "./assets/logo-finkwave.png";
 import { useAuth } from "./context/authContext";
 
@@ -6 +7 @@
         const { user, setUser, isAuthLoading } = useAuth();
 
-        const handleLogout = async () => {
+        const handleLogout = async (e: React.MouseEvent<HTMLButtonElement>) => {
+                e.preventDefault();
                 try {
                         await axiosInstance.post("/auth/logout");
@@ -18 +20 @@
                 <div className="bg-gray-800 p-4 flex justify-between items-center">
                         <Link to="/" className="text-white text-lg font-semibold">
-                                Finkwave
+                                <img src={Logo} alt="Finkwave Logo" className="h-12 w-auto" />
                         </Link>
 
@@ -40 +42 @@
                                                                 </div>
                                                                 <button
-                                                                        onClick={(e) => {
-                                                                                e.preventDefault();
-                                                                                handleLogout();
-                                                                        }}
-                                                                        className="bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg text-sm font-medium transition-colors duration-200 flex items-center space-x-1"
+                                                                        onClick={(e: React.MouseEvent<HTMLButtonElement>) =>
+                                                                                handleLogout(e)
+                                                                        }
+                                                                        className="bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg text-sm 
+                                    font-medium transition-colors duration-200 flex items-center space-x-1 cursor-pointer"
                                                                 >
                                                                         Logout
@@ -50 +52 @@
                                                         </div>
                                                 ) : (
-                                                        <div className="flex items-center space-x-2">
+                                                        <div className="flex items-center space-x-4">
                                                                 <Link
                                                                         to="/login"
-                                                                        className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg text-sm font-medium transition-colors duration-200"
+                                                                        className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg text-sm 
+                                    font-medium transition-colors duration-200 cursor-pointer"
                                                                 >
                                                                         Login
+                                                                </Link>
+                                                                <Link
+                                                                        to="/register"
+                                                                        className="bg-green-500 hover:bg-green-600 text-white px-4 py-2 rounded-lg text-sm
+                                    font-medium transition-colors duration-200 cursor-pointer"
+                                                                >
+                                                                        Register
                                                                 </Link>
                                                         </div>

frontend/src/Register.tsx

@@ -6 +6 @@
 
 const Register = () => {
-        const { setUser, user } = useAuth();
+        const { setUser } = useAuth();
         const [username, setUsername] = useState("");
         const [password, setPassword] = useState("");
@@ -45 +45 @@
 
         return (
-                <div className="flex flex-col items-center justify-center min-h-screen bg-gray-100">
+                <div className="flex flex-col items-center justify-center min-h-[90vh] bg-gray-100">
                         <h2 className="text-2xl mb-4">Register</h2>
                         <form className="bg-white p-6 rounded shadow-md w-80">
@@ -101 +101 @@
                                         </label>
                                         <input
+                                                placeholder="todo"
                                                 type="text"
                                                 id="profilePhoto"