tudor.stanciu
/
network-resurrector
mirror of https://dev.azure.com/tstanciu94/NetworkResurrector/_git/NetworkResurrector
1
0
Fork 0
Code Issues 1 Packages Projects Releases Wiki Activity

Refactor PasswordField component styling

master
Tudor Stanciu 2024-03-25 02:39:35 +02:00
parent 89514653ce
commit ea5e15bf45
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/components/common/inputs/PasswordField.js
View File

@ -1,17 +1,16 @@
import React, { useState } from "react";
import PropTypes from "prop-types";
import { InputAdornment, TextField, makeStyles, IconButton } from "@mui/material";
import { InputAdornment, TextField, IconButton } from "@mui/material";
import { Visibility, VisibilityOff, LockOutlined } from "@mui/icons-material";
const useStyles = makeStyles(theme => ({
const styles = {
margin: {
margin: theme.spacing(1)
margin: 1
}
}));
};
const PasswordField = ({ label, ...rest }) => {
const [showPassword, setShowPassword] = useState(false);
const classes = useStyles();
const handleClickShowPassword = () => {
setShowPassword(!showPassword);
@ -23,7 +22,7 @@ const PasswordField = ({ label, ...rest }) => {
return (
<TextField
className={classes.margin}
sx={styles.margin}
label={label || "Password"}
{...rest}
type={showPassword ? "text" : "password"}