mirror of
https://github.com/hexastack/hexabot
synced 2025-05-04 21:11:16 +00:00
Merge pull request #605 from Hexastack/593-issue-when-updating-the-user-account-password
fix: remove unnecessary state change
This commit is contained in:
commit
6ff6c5a756
@ -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 ? (
|
||||
|
Loading…
Reference in New Issue
Block a user