diff --git a/src/Pages/ChangePassword.jsx b/src/Pages/ChangePassword.jsx
index 59b8a0d..20e6ea1 100644
--- a/src/Pages/ChangePassword.jsx
+++ b/src/Pages/ChangePassword.jsx
@@ -56,6 +56,11 @@ const ChangePassword = ({
const [isLoading, setIsLoading] = useState(false);
const [alert, setAlert] = useState(false);
const [showCurrentPassword, setShowCurrentPassword] = useState(false);
+ const [input, setInput] = useState({
+ oldPassword: "",
+ newPassword: "",
+ confirmNewPassword: "",
+ });
const [showNewPassword, setShowNewPassword] = useState(false);
const [showConfirmPassword, setShowConfirmPassword] = useState(false);
const toast = useToast();
@@ -74,22 +79,27 @@ const ChangePassword = ({
});
// Form submit handler
- const onSubmit = async (data) => {
+ const onSubmit = async () => {
setIsLoading(true);
try {
- const res = await updatePassword(data); // Assuming API request works as expected
+ const res = await updatePassword(input); // Assuming API request works as expected
if (res?.data?.statusCode === 200) {
toast({
render: () => ,
});
handleClose();
- } else if (res?.error.statusCode === 400) {
+ } else if (res?.error) {
toast({
render: () => (
),
});
}
+ setInput({
+ oldPassword: "",
+ newPassword: "",
+ confirmNewPassword: "",
+ });
} catch (error) {
console.error(error);
} finally {
@@ -97,6 +107,11 @@ const ChangePassword = ({
}
};
+ const handleAlert = (data) => {
+ setAlert(true);
+ setInput(data);
+ };
+
// Handle modal close
const handleClose = () => {
setAlert(false);
@@ -210,7 +225,8 @@ const ChangePassword = ({
rounded={"sm"}
colorScheme="forestGreen"
size="sm"
- onClick={() => setAlert(true)}
+ // onClick={() => setAlert(true)}
+ onClick={handleSubmit(handleAlert)}
isLoading={isLoading}
>
Save
@@ -222,7 +238,7 @@ const ChangePassword = ({
setAlert(false)}
- alertHandler={handleSubmit(onSubmit)}
+ alertHandler={onSubmit}
message={"Are you sure you want to change the password?"}
isLoading={isLoading}
/>