diff --git a/src/components/PasswordField/PasswordField.tsx b/src/components/PasswordField/PasswordField.tsx index ac8fae9..3ca9331 100644 --- a/src/components/PasswordField/PasswordField.tsx +++ b/src/components/PasswordField/PasswordField.tsx @@ -1,4 +1,4 @@ -import { TextField, styled } from "@mui/material"; +import { InputAdornment, TextField, TextFieldProps, styled } from "@mui/material"; import { useState } from 'react' export const CustomInput = styled(TextField)({ @@ -41,7 +41,7 @@ export const CustomInput = styled(TextField)({ }); -export const PasswordField = ({ ...props }) => { +export const PasswordField: React.FunctionComponent = ({ ...props }) => { const [canViewPassword, setCanViewPassword] = useState(false); return (
{ { + setCanViewPassword((prevState) => !prevState) + }}> + {canViewPassword ? '🙀' : '😸'} + + ) + }} {...props} /> - +
) } \ No newline at end of file diff --git a/src/components/index.ts b/src/components/index.ts new file mode 100644 index 0000000..1d947d7 --- /dev/null +++ b/src/components/index.ts @@ -0,0 +1 @@ +export * from './PasswordField/PasswordField'; \ No newline at end of file