From a581dcce7e42f6c83211555e849b540208c835ab Mon Sep 17 00:00:00 2001 From: Alihaghighattalab Date: Mon, 5 Aug 2024 13:40:02 +0330 Subject: [PATCH] complete reset password code page - complete auth pages --- public/svgs/auth/reset-password-code.svg | 248 ++++++++++++++++++ .../forms/reset-password-code-form.tsx | 42 +++ src/pages/auth/reset-password-code.tsx | 14 + src/router/index.tsx | 5 + 4 files changed, 309 insertions(+) create mode 100644 public/svgs/auth/reset-password-code.svg create mode 100644 src/components/forms/reset-password-code-form.tsx create mode 100644 src/pages/auth/reset-password-code.tsx diff --git a/public/svgs/auth/reset-password-code.svg b/public/svgs/auth/reset-password-code.svg new file mode 100644 index 0000000..8176f79 --- /dev/null +++ b/public/svgs/auth/reset-password-code.svg @@ -0,0 +1,248 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/forms/reset-password-code-form.tsx b/src/components/forms/reset-password-code-form.tsx new file mode 100644 index 0000000..064f12f --- /dev/null +++ b/src/components/forms/reset-password-code-form.tsx @@ -0,0 +1,42 @@ +import { useState } from "react"; +import OTPInput from "react-otp-input" +import { Link } from "react-router-dom" + +export const ResetpasswordCodeForm = () => { + const [otp, setOtp] = useState(''); + return ( +
+ logo +
+
+ فراموشی رمز عبور +
+
+

کد تایید ارسال شده به شماره 09376225448 را وارد کنید.

+ +

ویرایش

+ +
+
+
+
+ } + inputStyle="otp-inputs" + /> + +
+
+

30 ثانیه دیگر تا دریافت کد

+ +

ارسال مجدد

+
+
+
+ ) +} \ No newline at end of file diff --git a/src/pages/auth/reset-password-code.tsx b/src/pages/auth/reset-password-code.tsx new file mode 100644 index 0000000..90a9a3e --- /dev/null +++ b/src/pages/auth/reset-password-code.tsx @@ -0,0 +1,14 @@ +import React from "react" +import { ResetpasswordCodeForm } from "../../components/forms/reset-password-code-form" + + +export const ResetPasswordCode = () => { + return ( + + +
+ send code reset password +
+ + ) +} \ No newline at end of file diff --git a/src/router/index.tsx b/src/router/index.tsx index 0de0400..811ef91 100644 --- a/src/router/index.tsx +++ b/src/router/index.tsx @@ -7,6 +7,7 @@ import { Register } from "../pages/auth/register"; import { ResetPassword } from "../pages/auth/reset-password"; import { LoginWithCode } from "../pages/auth/login-with-code"; import { SendCode } from "../pages/auth/send-code"; +import { ResetPasswordCode } from "../pages/auth/reset-password-code"; export const router = createBrowserRouter([ @@ -42,6 +43,10 @@ export const router = createBrowserRouter([ path: "send-code", element: }, + { + path: "reset-password-code", + element: + }, ] } ]) \ No newline at end of file