jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Refactor[UserManagementModal]: Refactor admin user sign to use password input component

Browse source
This commit is contained in:
igorrCarvalho 2023-08-14 12:38:59 -03:00
commit e705f5bdf4
1 changed files with 24 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/frontend/src/modals/UserManagementModal/index.tsx
View file

@ -4,6 +4,7 @@ import { Button } from "../../components/ui/button";
import { UserManagementType } from "../../types/components"; import { UserManagementType } from "../../types/components";
import { nodeIconsLucide } from "../../utils/styleUtils"; import { nodeIconsLucide } from "../../utils/styleUtils";
import BaseModal from "../baseModal"; import BaseModal from "../baseModal";
import InputComponent from "../../components/inputComponent";
export default function UserManagementModal({ export default function UserManagementModal({
title, title,
@ -84,6 +85,7 @@ export default function UserManagementModal({
value={username} value={username}
className="primary-input" className="primary-input"
required required
placeholder="Username"
/> />
</Form.Control> </Form.Control>
<Form.Message match="valueMissing" className="field-invalid"> <Form.Message match="valueMissing" className="field-invalid">
@ -109,16 +111,17 @@ export default function UserManagementModal({
<span className="font-medium text-destructive">*</span> <span className="font-medium text-destructive">*</span>
</Form.Label> </Form.Label>
</div> </div>
<Form.Control asChild> <InputComponent
<input onChange={(input) => {
onChange={(input) => { setPassword(input);
setPassword(input.target.value); }}
}} value={password}
value={password} password={true}
className="primary-input" isForm
required className="primary-input"
/> required
</Form.Control> placeholder="Password"
/>
<Form.Message className="field-invalid" match="valueMissing"> <Form.Message className="field-invalid" match="valueMissing">
Please enter a password Please enter a password
</Form.Message> </Form.Message>
@ -148,16 +151,17 @@ export default function UserManagementModal({
<span className="font-medium text-destructive">*</span> <span className="font-medium text-destructive">*</span>
</Form.Label> </Form.Label>
</div> </div>
<Form.Control asChild> <InputComponent
<input onChange={(input) => {
onChange={(input) => { setConfirmPassword(input);
setConfirmPassword(input.target.value); }}
}} value={confirmPassword}
value={confirmPassword} password={true}
className="primary-input" isForm
required className="primary-input"
/> required
</Form.Control> placeholder="Confirm your password"
/>
<Form.Message className="field-invalid" match="valueMissing"> <Form.Message className="field-invalid" match="valueMissing">
Please confirm your password Please confirm your password
</Form.Message> </Form.Message>