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

format code

Browse source
This commit is contained in:
anovazzi1 2023-08-10 10:41:49 -03:00
commit 10d3fc6939
1 changed files with 12 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/frontend/src/pages/loginPage/index.tsx
View file

@ -1,12 +1,15 @@
import * as Form from "@radix-ui/react-form"; import * as Form from "@radix-ui/react-form";
import { useState } from "react"; import { useState } from "react";
import { Link } from "react-router-dom";
import IconComponent from "../../components/genericIconComponent";
import InputComponent from "../../components/inputComponent"; import InputComponent from "../../components/inputComponent";
import { Button } from "../../components/ui/button"; import { Button } from "../../components/ui/button";
import { Input } from "../../components/ui/input"; import { Input } from "../../components/ui/input";
import { CONTROL_LOGIN_STATE } from "../../constants/constants"; import { CONTROL_LOGIN_STATE } from "../../constants/constants";
import { inputHandlerEventType, loginInputStateType, } from "../../types/components"; import {
import { Link } from "react-router-dom"; inputHandlerEventType,
import IconComponent from "../../components/genericIconComponent"; loginInputStateType,
} from "../../types/components";
export default function LoginPage(): JSX.Element { export default function LoginPage(): JSX.Element {
const [inputState, setInputState] = const [inputState, setInputState] =
@ -30,7 +33,7 @@ export default function LoginPage(): JSX.Element {
const data = Object.fromEntries(new FormData(event.currentTarget)); const data = Object.fromEntries(new FormData(event.currentTarget));
event.preventDefault(); event.preventDefault();
}} }}
className="w-full h-full" className="h-full w-full"
> >
<div className="flex h-full w-full flex-col items-center justify-center bg-muted"> <div className="flex h-full w-full flex-col items-center justify-center bg-muted">
<div className="flex w-72 flex-col items-center justify-center gap-2"> <div className="flex w-72 flex-col items-center justify-center gap-2">
@ -40,26 +43,17 @@ export default function LoginPage(): JSX.Element {
</span> </span>
<div className="flex w-full items-center justify-center gap-2"> <div className="flex w-full items-center justify-center gap-2">
<Button variant="primary" className="w-full py-6"> <Button variant="primary" className="w-full py-6">
<IconComponent <IconComponent name="FaApple" className="h-6 w-6" />
name="FaApple"
className="h-6 w-6"
/>
</Button> </Button>
<Button variant="primary" className="w-full py-6"> <Button variant="primary" className="w-full py-6">
<IconComponent <IconComponent name="FaGithub" className="h-6 w-6" />
name="FaGithub"
className="h-6 w-6"
/>
</Button> </Button>
<Button variant="primary" className="w-full py-6"> <Button variant="primary" className="w-full py-6">
<IconComponent <IconComponent name="GoogleSearchRun" className="h-6 w-6" />
name="GoogleSearchRun"
className="h-6 w-6"
/>
</Button> </Button>
</div> </div>
<span className="text-sm text-muted-foreground">or</span> <span className="text-sm text-muted-foreground">or</span>
<div className="w-full mb-3"> <div className="mb-3 w-full">
<Form.Field name="username"> <Form.Field name="username">
<Form.Label className="data-[invalid]:label-invalid"> <Form.Label className="data-[invalid]:label-invalid">
Username <span className="font-medium text-destructive">*</span> Username <span className="font-medium text-destructive">*</span>
@ -82,7 +76,7 @@ export default function LoginPage(): JSX.Element {
</Form.Message> </Form.Message>
</Form.Field> </Form.Field>
</div> </div>
<div className="w-full mb-3"> <div className="mb-3 w-full">
<Form.Field name="password" serverInvalid={password === ""}> <Form.Field name="password" serverInvalid={password === ""}>
<Form.Label className="data-[invalid]:label-invalid"> <Form.Label className="data-[invalid]:label-invalid">
Password <span className="font-medium text-destructive">*</span> Password <span className="font-medium text-destructive">*</span>