Merge pull request #605 from Hexastack/593-issue-when-updating-the-us…

…er-account-password

fix: remove unnecessary state change

frontend/src/app-components/inputs/PasswordInput.tsx

@@ -1,5 +1,5 @@
 /*
- * Copyright © 2024 Hexastack. All rights reserved.
+ * Copyright © 2025 Hexastack. All rights reserved.
  *
  * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
  * 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
@@ -9,34 +9,26 @@
 import VisibilityOffOutlinedIcon from "@mui/icons-material/VisibilityOffOutlined";
 import VisibilityOutlinedIcon from "@mui/icons-material/VisibilityOutlined";
 import { IconButton, InputAdornment, TextFieldProps } from "@mui/material";
-import React, { forwardRef, useState } from "react";
+import { forwardRef, useState } from "react";
 
 import { Input } from "./Input";
 
 export const PasswordInput = forwardRef<any, TextFieldProps>(
-  ({ onChange, InputProps, value, ...rest }, ref) => {
-    const [password, setPassword] = useState<string>(value as string);
+  ({ onChange, InputProps, ...rest }, ref) => {
     const [showPassword, setShowPassword] = useState(false);
     const handleTogglePasswordVisibility = () => {
       setShowPassword(!showPassword);
     };
-    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-      setPassword(event.target.value);
-      if (onChange) {
-        onChange(event);
-      }
-    };
 
     return (
       <Input
         ref={ref}
         type={showPassword ? "text" : "password"}
         {...rest}
-        defaultValue={value}
-        onChange={handleChange}
+        onChange={onChange}
         InputProps={{
           ...InputProps,
-          endAdornment: password && (
+          endAdornment: (
             <InputAdornment position="end">
               <IconButton onClick={handleTogglePasswordVisibility} edge="end">
                 {showPassword ? (