From 2a56dc47e0afe67ca3c2bcc7b961c4af01b8d4e1 Mon Sep 17 00:00:00 2001
From: Mohamed Hadri <mhadri1000@gmail.com>
Date: Wed, 31 Aug 2022 22:32:26 +0300
Subject: [PATCH] feat: added toast check for the email and removed unnecessary
 inputs

resolve #97
---
 src/components/EditProfile/EditProfile.jsx    | 22 +++++++++++--------
 .../__snapshots__/EditProfile.test.jsx.snap   | 14 ------------
 2 files changed, 13 insertions(+), 23 deletions(-)

diff --git a/src/components/EditProfile/EditProfile.jsx b/src/components/EditProfile/EditProfile.jsx
index b653131..51e3c3d 100644
--- a/src/components/EditProfile/EditProfile.jsx
+++ b/src/components/EditProfile/EditProfile.jsx
@@ -38,9 +38,18 @@ export default function EditProfile() {
             .catch(() => {});
     };
 
-    const resetUserPassword = async () => {
-        await resetPassword(emailRef.current.value);
-        console.log("check your inbox for futher instructions");
+    const resetUserPassword = async (event) => {
+        event.preventDefault();
+
+        await resetPassword(emailRef.current.value)
+            .then(() => {
+                toast.success(
+                    t(
+                        "Check your inbox we Sent you a link to reset your password"
+                    ) + "!"
+                );
+            })
+            .catch(() => {});
     };
 
     return (
@@ -70,11 +79,6 @@ export default function EditProfile() {
                     ref={emailRef}
                 />
 
-                <Input type='password' placeholder={t("password")} />
-                <Input
-                    type='password'
-                    placeholder={t("confirm-new-password")}
-                />
                 <div className='flex h-48 items-stretch'>
                     <Input type='text' placeholder={t("address")} />
                 </div>
@@ -93,7 +97,7 @@ export default function EditProfile() {
                     <Button
                         buttonStyle='saveChanges'
                         type='button'
-                        text={t("reset password")}
+                        text='reset password'
                         handleClick={resetUserPassword}
                     />
                 </a>
diff --git a/src/components/EditProfile/__test__/__snapshots__/EditProfile.test.jsx.snap b/src/components/EditProfile/__test__/__snapshots__/EditProfile.test.jsx.snap
index 4364830..fc7fdbe 100644
--- a/src/components/EditProfile/__test__/__snapshots__/EditProfile.test.jsx.snap
+++ b/src/components/EditProfile/__test__/__snapshots__/EditProfile.test.jsx.snap
@@ -22,20 +22,6 @@ exports[`renders correctly 1`] = `
       placeholder="Enter Email to Reset Your password"
       type="email"
     />
-    <input
-      className=" inputtabfont my-3.5 block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-center text-xl text-hadrisblue placeholder-hadrisblue focus:border-blue-500 focus:ring-purple"
-      id="password"
-      placeholder="password"
-      required={true}
-      type="password"
-    />
-    <input
-      className=" inputtabfont my-3.5 block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-center text-xl text-hadrisblue placeholder-hadrisblue focus:border-blue-500 focus:ring-purple"
-      id="password"
-      placeholder="confirm-new-password"
-      required={true}
-      type="password"
-    />
     <div
       className="flex h-48 items-stretch"
     >