From 0c3425a97ae1d3adb9a1905cea10feeeab653527 Mon Sep 17 00:00:00 2001 From: victorAnumudu Date: Wed, 17 Jan 2024 20:28:43 +0100 Subject: [PATCH] new layout pages duplicated --- src/Routers.jsx | 52 +++++++----- .../AuthPages/ForgotPassword/index2.jsx | 2 +- src/components/AuthPages/Login/index2.jsx | 2 +- src/components/AuthPages/SignUp/index2.jsx | 2 +- .../AuthPages/UpdatePassword/index2.jsx | 81 +++++++++++++++++++ .../AuthPages/VerifyLink/index2.jsx | 2 +- .../AuthPages/VerifyPassword/index2.jsx | 2 +- src/components/AuthPages/VerifyYou/index2.jsx | 2 +- src/views/ForgotPasswordPagesTwo.jsx | 10 +++ src/views/LoginPageTwo.jsx | 12 +++ src/views/SignupPageTwo.jsx | 12 +++ src/views/UpdatePasswordPagesTwo.jsx | 10 +++ src/views/VerifyLinkPagesTwo.jsx | 5 ++ src/views/VerifyPasswordPagesTwo.jsx | 6 ++ src/views/VerifyYouPagesTwo.jsx | 6 ++ 15 files changed, 182 insertions(+), 24 deletions(-) create mode 100644 src/components/AuthPages/UpdatePassword/index2.jsx create mode 100644 src/views/ForgotPasswordPagesTwo.jsx create mode 100644 src/views/LoginPageTwo.jsx create mode 100644 src/views/SignupPageTwo.jsx create mode 100644 src/views/UpdatePasswordPagesTwo.jsx create mode 100644 src/views/VerifyLinkPagesTwo.jsx create mode 100644 src/views/VerifyPasswordPagesTwo.jsx create mode 100644 src/views/VerifyYouPagesTwo.jsx diff --git a/src/Routers.jsx b/src/Routers.jsx index 6df72d5..b8127d9 100644 --- a/src/Routers.jsx +++ b/src/Routers.jsx @@ -8,9 +8,11 @@ import AcitveBidsPage from "./views/AcitveBidsPage"; import AuthProfilePage from "./views/AuthProfilePage"; import CollectionItemPage from "./views/CollectionItemPage"; import ForgotPasswordPages from "./views/ForgotPasswordPages"; +import ForgotPasswordPagesTwo from "./views/ForgotPasswordPagesTwo"; import HistoryPage from "./views/HistoryPage"; import HomePages from "./views/HomePages"; import LoginPage from "./views/LoginPage"; +import LoginPageTwo from "./views/LoginPageTwo"; import MarketPlacePage from "./views/MarketPlacePage"; import MyWalletPage from "./views/MyWalletPage"; import SavedPage from "./views/SavedPage"; @@ -18,11 +20,15 @@ import SellPage from "./views/SellPage"; import SettingsPage from "./views/SettingsPage"; import ShopDetailsPage from "./views/ShopDetailsPage"; import SignupPage from "./views/SignupPage"; +import SignupPageTwo from "./views/SignupPageTwo"; import UpdatePasswordPages from "./views/UpdatePasswordPages"; +import UpdatePasswordPagesTwo from "./views/UpdatePasswordPagesTwo"; import UploadProductPage from "./views/UploadProductPage"; import UserProfilePage from "./views/UserProfilePage"; import VerifyYouPages from "./views/VerifyYouPages"; +import VerifyYouPagesTwo from "./views/VerifyYouPagesTwo"; import VerifyPasswordPages from "./views/VerifyPasswordPages"; +import VerifyPasswordPagesTwo from "./views/VerifyPasswordPagesTwo"; import RemindersPage from './views/RemindersPage'; import TrackingPage from "./views/TrackingPage"; import CalendarPage from "./views/CalendarPage"; @@ -31,6 +37,7 @@ import MyTaskPage from "./views/MyTaskPage"; import MyJobsPage from "./views/MyJobsPage"; import ReferralPage from "./views/ReferralPage"; import VerifyLinkPages from "./views/VerifyLinkPages"; +import VerifyLinkPagesTwo from "./views/VerifyLinkPagesTwo"; import MyActiveJobsPage from "./views/MyActiveJobsPage"; import FamilyAccPage from "./views/FamilyAccPage"; import StartJob from "./components/MyJobs/StartJob"; @@ -54,33 +61,42 @@ import FamilySettingsPage from "./views/FamilySettingsPage"; import AppDownloadPage from "./views/AppDownloadPage"; import JobGroupsPage from "./views/JobGroupsPage"; import YourPages from "./views/YourPage_"; +import { useState } from "react"; export default function Routers() { + const [loginNewlayout, setLoginNewLayout] = useState(true) return ( {/* guest routes */} - } /> - } /> - } /> - - } /> + {!loginNewlayout ? + <> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + + : + <> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + + } } /> } /> } /> - } - /> - } - /> - } /> - } /> - } /> } /> } /> diff --git a/src/components/AuthPages/ForgotPassword/index2.jsx b/src/components/AuthPages/ForgotPassword/index2.jsx index 855917f..032645e 100644 --- a/src/components/AuthPages/ForgotPassword/index2.jsx +++ b/src/components/AuthPages/ForgotPassword/index2.jsx @@ -3,7 +3,7 @@ import { Link, useNavigate } from "react-router-dom"; import WrenchBoard from "../../../assets/images/wrenchboard-logo-text.png"; import usersService from "../../../services/UsersService"; import InputCom from "../../Helpers/Inputs/InputCom"; -import AuthLayout from "../AuthLayout"; +import AuthLayout from "../AuthLayout2"; import EmailValidator from "../../../lib/EmailValidator"; import ForgetPwdResponse from "../ForgetPwdResponse"; diff --git a/src/components/AuthPages/Login/index2.jsx b/src/components/AuthPages/Login/index2.jsx index 98f59f6..afe5af2 100644 --- a/src/components/AuthPages/Login/index2.jsx +++ b/src/components/AuthPages/Login/index2.jsx @@ -7,7 +7,7 @@ import googleLogo from "../../../assets/images/google-logo.svg"; import WrenchBoard from "../../../assets/images/wrenchboard-logo-text.png"; import usersService from "../../../services/UsersService"; import InputCom from "../../Helpers/Inputs/InputCom"; -import AuthLayout from "../AuthLayout"; +import AuthLayout from "../AuthLayout2"; // import { GoogleOAuthProvider } from '@react-oauth/google'; import { useGoogleLogin } from "@react-oauth/google"; diff --git a/src/components/AuthPages/SignUp/index2.jsx b/src/components/AuthPages/SignUp/index2.jsx index 59b984b..2ee3637 100644 --- a/src/components/AuthPages/SignUp/index2.jsx +++ b/src/components/AuthPages/SignUp/index2.jsx @@ -3,7 +3,7 @@ import { Link, useLocation, useNavigate } from "react-router-dom"; import WrenchBoard from "../../../assets/images/wrenchboard-logo-text.png"; import usersService from "../../../services/UsersService"; import InputCom from "../../Helpers/Inputs/InputCom"; -import AuthLayout from "../AuthLayout"; +import AuthLayout from "../AuthLayout2"; export default function SignUp() { // eslint-disable-next-line no-restricted-globals diff --git a/src/components/AuthPages/UpdatePassword/index2.jsx b/src/components/AuthPages/UpdatePassword/index2.jsx new file mode 100644 index 0000000..49567dc --- /dev/null +++ b/src/components/AuthPages/UpdatePassword/index2.jsx @@ -0,0 +1,81 @@ +import React, { useState } from "react"; +import titleShape from "../../../assets/images/shape/title-shape-two.svg"; +import InputCom from "../../Helpers/Inputs/InputCom"; +import AuthLayout from "../AuthLayout2"; +import ThankYou from "../ThankYou"; + +export default function UpdatePassword() { + const [updated, setValue] = useState(false); + const [message, setMessage] = useState(false); + const updatePassword = () => { + setValue(!updated); + setTimeout(() => { + setMessage(!message); + }, 100); + }; + + return ( + <> + + {updated === false ? ( +
+
+
+

+ Update Password +

+ {/* w-[341px] absolute top-14 left-12 */} +
+ shape +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ ) : ( + + )} + + + ); +} diff --git a/src/components/AuthPages/VerifyLink/index2.jsx b/src/components/AuthPages/VerifyLink/index2.jsx index 2349513..2e50339 100644 --- a/src/components/AuthPages/VerifyLink/index2.jsx +++ b/src/components/AuthPages/VerifyLink/index2.jsx @@ -4,7 +4,7 @@ import WrenchBoard from "../../../assets/images/wrenchboard-logo-text.png"; import debounce from "../../../hooks/debounce"; import usersService from "../../../services/UsersService"; import InputCom from "../../Helpers/Inputs/InputCom"; -import AuthLayout from "../AuthLayout"; +import AuthLayout from "../AuthLayout2"; export default function VerifyLink() { const [email, setEmail] = useState(""); diff --git a/src/components/AuthPages/VerifyPassword/index2.jsx b/src/components/AuthPages/VerifyPassword/index2.jsx index f43c319..70564e7 100644 --- a/src/components/AuthPages/VerifyPassword/index2.jsx +++ b/src/components/AuthPages/VerifyPassword/index2.jsx @@ -3,7 +3,7 @@ import { Link, useLocation, useNavigate } from "react-router-dom"; import WrenchBoard from "../../../assets/images/wrenchboard-logo-text.png"; import usersService from "../../../services/UsersService"; import InputCom from "../../Helpers/Inputs/InputCom"; -import AuthLayout from "../AuthLayout"; +import AuthLayout from "../AuthLayout2"; import ForgetPwdResponse from "../ForgetPwdResponse"; import PasswordValidator from "../../../lib/PasswordValidator"; import LoadingSpinner from "../../Spinners/LoadingSpinner"; diff --git a/src/components/AuthPages/VerifyYou/index2.jsx b/src/components/AuthPages/VerifyYou/index2.jsx index dfc62ac..09d0635 100644 --- a/src/components/AuthPages/VerifyYou/index2.jsx +++ b/src/components/AuthPages/VerifyYou/index2.jsx @@ -1,5 +1,5 @@ import { useNavigate, Link } from "react-router-dom"; -import AuthLayout from "../AuthLayout"; +import AuthLayout from "../AuthLayout2"; import WrenchBoard from "../../../assets/images/wrenchboard-logo-text.png"; export default function VerifyYou() { diff --git a/src/views/ForgotPasswordPagesTwo.jsx b/src/views/ForgotPasswordPagesTwo.jsx new file mode 100644 index 0000000..3271c5c --- /dev/null +++ b/src/views/ForgotPasswordPagesTwo.jsx @@ -0,0 +1,10 @@ +import React from "react"; +import ForgotPassword from "../components/AuthPages/ForgotPassword/index2"; + +export default function ForgotPasswordPagesTwo() { + return ( + <> + + + ); +} diff --git a/src/views/LoginPageTwo.jsx b/src/views/LoginPageTwo.jsx new file mode 100644 index 0000000..4c002d1 --- /dev/null +++ b/src/views/LoginPageTwo.jsx @@ -0,0 +1,12 @@ +import React from "react"; +import Login from "../components/AuthPages/Login/index2"; + +function LoginPageTwo() { + return ( + <> + + + ); +} + +export default LoginPageTwo; diff --git a/src/views/SignupPageTwo.jsx b/src/views/SignupPageTwo.jsx new file mode 100644 index 0000000..f5543d3 --- /dev/null +++ b/src/views/SignupPageTwo.jsx @@ -0,0 +1,12 @@ +import React from "react"; +import SignUp from "../components/AuthPages/SignUp/index2"; + +function SignupPageTwo() { + return ( + <> + + + ); +} + +export default SignupPageTwo; diff --git a/src/views/UpdatePasswordPagesTwo.jsx b/src/views/UpdatePasswordPagesTwo.jsx new file mode 100644 index 0000000..9f1881a --- /dev/null +++ b/src/views/UpdatePasswordPagesTwo.jsx @@ -0,0 +1,10 @@ +import React from "react"; +import UpdatePassword from "../components/AuthPages/UpdatePassword/index2"; + +export default function UpdatePasswordPagesTwo() { + return ( + <> + + + ); +} diff --git a/src/views/VerifyLinkPagesTwo.jsx b/src/views/VerifyLinkPagesTwo.jsx new file mode 100644 index 0000000..90a1cc0 --- /dev/null +++ b/src/views/VerifyLinkPagesTwo.jsx @@ -0,0 +1,5 @@ +import VerifyLink from "../components/AuthPages/VerifyLink/index2"; + +export default function VerifyLinkPagesTwo() { + return ; +} diff --git a/src/views/VerifyPasswordPagesTwo.jsx b/src/views/VerifyPasswordPagesTwo.jsx new file mode 100644 index 0000000..1908b22 --- /dev/null +++ b/src/views/VerifyPasswordPagesTwo.jsx @@ -0,0 +1,6 @@ +import React from "react"; +import VerifyPassword from "../components/AuthPages/VerifyPassword/index2"; + +export default function VerifyPasswordPagesTwo() { + return ; +} diff --git a/src/views/VerifyYouPagesTwo.jsx b/src/views/VerifyYouPagesTwo.jsx new file mode 100644 index 0000000..dd9bda5 --- /dev/null +++ b/src/views/VerifyYouPagesTwo.jsx @@ -0,0 +1,6 @@ +import React from "react"; +import VerifyYou from "../components/AuthPages/VerifyYou/index2"; + +export default function VerifyYouPagesTwo() { + return ; +}