From 9f85ce368e915e777cb414d6fc63cb15341caadb Mon Sep 17 00:00:00 2001 From: Afinjuomo Date: Thu, 8 Feb 2024 23:55:26 +0100 Subject: [PATCH 1/2] updated login --- apps/Client/src/pages/Auth/Login/LoginPage.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/Client/src/pages/Auth/Login/LoginPage.tsx b/apps/Client/src/pages/Auth/Login/LoginPage.tsx index d53addf..5459157 100644 --- a/apps/Client/src/pages/Auth/Login/LoginPage.tsx +++ b/apps/Client/src/pages/Auth/Login/LoginPage.tsx @@ -59,7 +59,7 @@ const LoginPage: React.FC = () => { return (
-
+
bikeman {
Login
From 46321124e446a4cdca0c4354bdc62658f5308e22 Mon Sep 17 00:00:00 2001 From: Afinjuomo Date: Wed, 14 Feb 2024 15:47:44 +0100 Subject: [PATCH 2/2] ui updated --- .../src/pages/Auth/Images/Frame 8338.svg | 22 +++++++++++ apps/Client/src/pages/Auth/Images/image 4.svg | 9 +++++ .../Client/src/pages/Auth/Login/LoginPage.tsx | 39 +++++++++++++------ 3 files changed, 59 insertions(+), 11 deletions(-) create mode 100644 apps/Client/src/pages/Auth/Images/Frame 8338.svg create mode 100644 apps/Client/src/pages/Auth/Images/image 4.svg diff --git a/apps/Client/src/pages/Auth/Images/Frame 8338.svg b/apps/Client/src/pages/Auth/Images/Frame 8338.svg new file mode 100644 index 0000000..be515ff --- /dev/null +++ b/apps/Client/src/pages/Auth/Images/Frame 8338.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/apps/Client/src/pages/Auth/Images/image 4.svg b/apps/Client/src/pages/Auth/Images/image 4.svg new file mode 100644 index 0000000..0a911ea --- /dev/null +++ b/apps/Client/src/pages/Auth/Images/image 4.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/apps/Client/src/pages/Auth/Login/LoginPage.tsx b/apps/Client/src/pages/Auth/Login/LoginPage.tsx index 5459157..ca43f6c 100644 --- a/apps/Client/src/pages/Auth/Login/LoginPage.tsx +++ b/apps/Client/src/pages/Auth/Login/LoginPage.tsx @@ -4,7 +4,9 @@ import { ToastContainer, toast } from "react-toastify"; import "react-toastify/dist/ReactToastify.css"; import Button from "../../../components/Button"; import riderLogo from "../Images/Logo.png"; -import riderPhoto from "../Images/image 4.png"; +import riderPhoto from "../Images/Frame 8338.svg"; +import emailIcon from "../Images/Icon (1).png"; // Import email icon image +import passwordIcon from "../Images/Vector (1).png"; import { useNavigate } from "react-router-dom"; type LoginFormValues = { @@ -59,13 +61,16 @@ const LoginPage: React.FC = () => { return (
-
- bikeman -
+
+ + bikeman + + + {/*

Delivery service just got
@@ -74,7 +79,7 @@ const LoginPage: React.FC = () => { Ryder

-
+
*/}
@@ -97,11 +102,17 @@ const LoginPage: React.FC = () => { className="block text-gray-700 text-sm font-bold mb-2" htmlFor="email" > + {/* Render email icon */} + Email Icon Email { className="block text-gray-700 text-sm font-bold mb-2" htmlFor="password" > + {/* Render password icon */} + Password Icon Password