Qortal/Qortal-Hub
1
0
Fork 0
mirror of https://github.com/Qortal/Qortal-Hub.git synced 2025-07-23 04:36:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

focus password field when login page loads

Browse Source
This commit is contained in:
QuickMythril
2024-12-03 04:40:43 -05:00
parent 6ca1c6a578
commit 6ec6e8f2d3
2 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/PasswordField/PasswordField.tsx
View File

@@ -1,5 +1,5 @@
import { Button, InputAdornment, TextField, TextFieldProps, styled } from "@mui/material";
import { useState } from 'react'
import React, { forwardRef, useState } from 'react'
export const CustomInput = styled(TextField)({
width: "183px", // Adjust the width as needed
@@ -41,7 +41,7 @@ export const CustomInput = styled(TextField)({
});
export const PasswordField: React.FunctionComponent<TextFieldProps> = ({ ...props }) => {
export const PasswordField = forwardRef<HTMLInputElement, TextFieldProps>( ({ ...props }, ref) => {
const [canViewPassword, setCanViewPassword] = useState(false);
return (
<CustomInput
@@ -55,7 +55,8 @@ export const PasswordField: React.FunctionComponent<TextFieldProps> = ({ ...prop
</InputAdornment>
)
}}
inputRef={ref}
{...props}
/>
)
}
});