@asaleh37/ui-base 26.2.16 → 27.5.26

package/src/components/administration/admin/ChangePasswordPanel.tsx

@@ -1,128 +1,128 @@
-import { Box, Button, Divider, Paper } from "@mui/material";
-import { TemplateTextField } from "../../templates";
-import { useState } from "react";
-import { toast } from "react-toastify";
-import { useAxios } from "../../../hooks";
-
-interface ChangePasswordPanelProps {
-  selectedPerson: any;
-  isSelfService: boolean;
-  onSuccessCallBk: () => void;
-}
-
-const ChangePasswordPanel: React.FC<ChangePasswordPanelProps> = (props) => {
-  const [currentPassword, setCurrentPassword] = useState("");
-  const [password1, setPassword1] = useState("");
-  const [password2, setPassword2] = useState("");
-  const { handlePostRequest } = useAxios();
-  const handleChangePasswordRequest = async () => {
-    if (props.isSelfService) {
-      if (currentPassword === null || currentPassword.trim() === "") {
-        toast.error(
-          "You must enter your current password to process your request"
-        );
-        return;
-      }
-    }
-    if (
-      password1 === null ||
-      password1 === "" ||
-      password2 === null ||
-      password2 === "" ||
-      password1 != password2
-    ) {
-      toast.error(
-        "You must enter new password in required fields and must be identical"
-      );
-      return;
-    }
-    await handlePostRequest({
-      endPointURI: props.isSelfService
-        ? "api/v1/ss/changeMyPassword"
-        : "api/v1/admin/changeUserPassword",
-      data: {
-        personId: props?.selectedPerson?.id,
-        currentPassword,
-        newPassword: password1,
-      },
-      successCallBkFn: () => {
-        props.onSuccessCallBk();
-        toast.success("Your request has been processed successfully");
-      },
-      showMask: true,
-    });
-  };
-  return (
-    <Paper
-      sx={{
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        width: 400,
-        padding: 1,
-      }}
-    >
-      <Box
-        sx={{
-          m: 1,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "flex-start",
-          width: "100%",
-          fontWeight: "bold",
-          fontSize: 16,
-        }}
-      >
-        Changing Password For : {props?.selectedPerson?.employeeEnName}
-      </Box>
-      <Divider variant="fullWidth" sx={{ width: "100%", marginBottom: 2 }} />
-      {props.isSelfService ? (
-        <TemplateTextField
-          label="Current Password"
-          value={currentPassword}
-          onChange={(e) => {
-            setCurrentPassword(e.target.value);
-          }}
-          sx={{ m: 1 }}
-          fullWidth
-          type="password"
-        />
-      ) : (
-        <></>
-      )}
-
-      <TemplateTextField
-        label="New Password"
-        value={password1}
-        onChange={(e) => {
-          setPassword1(e.target.value);
-        }}
-        sx={{ m: 1 }}
-        fullWidth
-        type="password"
-      />
-      <TemplateTextField
-        label="Confirm New Password"
-        value={password2}
-        onChange={(e) => {
-          setPassword2(e.target.value);
-        }}
-        sx={{ m: 1 }}
-        fullWidth
-        type="password"
-      />
-      <Button
-        sx={{ m: 1 }}
-        variant="contained"
-        onClick={() => {
-          handleChangePasswordRequest();
-        }}
-      >
-        Change Password
-      </Button>
-    </Paper>
-  );
-};
-
-export default ChangePasswordPanel;
+import { Box, Button, Divider, Paper } from "@mui/material";
+import { TemplateTextField } from "../../templates";
+import { useState } from "react";
+import { toast } from "react-toastify";
+import { useAxios } from "../../../hooks";
+
+interface ChangePasswordPanelProps {
+  selectedPerson: any;
+  isSelfService: boolean;
+  onSuccessCallBk: () => void;
+}
+
+const ChangePasswordPanel: React.FC<ChangePasswordPanelProps> = (props) => {
+  const [currentPassword, setCurrentPassword] = useState("");
+  const [password1, setPassword1] = useState("");
+  const [password2, setPassword2] = useState("");
+  const { handlePostRequest } = useAxios();
+  const handleChangePasswordRequest = async () => {
+    if (props.isSelfService) {
+      if (currentPassword === null || currentPassword.trim() === "") {
+        toast.error(
+          "You must enter your current password to process your request"
+        );
+        return;
+      }
+    }
+    if (
+      password1 === null ||
+      password1 === "" ||
+      password2 === null ||
+      password2 === "" ||
+      password1 != password2
+    ) {
+      toast.error(
+        "You must enter new password in required fields and must be identical"
+      );
+      return;
+    }
+    await handlePostRequest({
+      endPointURI: props.isSelfService
+        ? "api/v1/ss/changeMyPassword"
+        : "api/v1/admin/changeUserPassword",
+      data: {
+        personId: props?.selectedPerson?.id,
+        currentPassword,
+        newPassword: password1,
+      },
+      successCallBkFn: () => {
+        props.onSuccessCallBk();
+        toast.success("Your request has been processed successfully");
+      },
+      showMask: true,
+    });
+  };
+  return (
+    <Paper
+      sx={{
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        width: 400,
+        padding: 1,
+      }}
+    >
+      <Box
+        sx={{
+          m: 1,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "flex-start",
+          width: "100%",
+          fontWeight: "bold",
+          fontSize: 16,
+        }}
+      >
+        Changing Password For : {props?.selectedPerson?.employeeEnName}
+      </Box>
+      <Divider variant="fullWidth" sx={{ width: "100%", marginBottom: 2 }} />
+      {props.isSelfService ? (
+        <TemplateTextField
+          label="Current Password"
+          value={currentPassword}
+          onChange={(e) => {
+            setCurrentPassword(e.target.value);
+          }}
+          sx={{ m: 1 }}
+          fullWidth
+          type="password"
+        />
+      ) : (
+        <></>
+      )}
+
+      <TemplateTextField
+        label="New Password"
+        value={password1}
+        onChange={(e) => {
+          setPassword1(e.target.value);
+        }}
+        sx={{ m: 1 }}
+        fullWidth
+        type="password"
+      />
+      <TemplateTextField
+        label="Confirm New Password"
+        value={password2}
+        onChange={(e) => {
+          setPassword2(e.target.value);
+        }}
+        sx={{ m: 1 }}
+        fullWidth
+        type="password"
+      />
+      <Button
+        sx={{ m: 1 }}
+        variant="contained"
+        onClick={() => {
+          handleChangePasswordRequest();
+        }}
+      >
+        Change Password
+      </Button>
+    </Paper>
+  );
+};
+
+export default ChangePasswordPanel;