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

Added Sign Up Button

Browse source
This commit is contained in:
Lucas Oliveira 2023-10-18 17:49:38 -03:00
commit 3b055388be
1 changed files with 20 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

29
src/frontend/src/modals/StoreApiKeyModal/index.tsx
View file

@ -44,7 +44,11 @@ export default function StoreApiKeyModal({
return ( return (
<BaseModal size="small-h-full" open={open} setOpen={setOpen}> <BaseModal size="small-h-full" open={open} setOpen={setOpen}>
<BaseModal.Trigger>{children}</BaseModal.Trigger> <BaseModal.Trigger>{children}</BaseModal.Trigger>
<BaseModal.Header description={"Insert your Langflow API key."}> <BaseModal.Header
description={
"Insert your Langflow API key. If you don't have it, please sign up."
}
>
<span className="pr-2">API Key</span> <span className="pr-2">API Key</span>
<IconComponent <IconComponent
name="Key" name="Key"
@ -60,14 +64,21 @@ export default function StoreApiKeyModal({
> >
<div className="grid gap-5"> <div className="grid gap-5">
<Form.Field name="username"> <Form.Field name="username">
<Form.Control asChild> <div className="flex items-center justify-between gap-2">
<Input <a href="https://langflow.store/" target="_blank">
onChange={({ target: { value } }) => { <Button type="button" className="w-24" variant="secondary">
handleInput({ target: { name: "apikey", value } }); Sign up
}} </Button>
placeholder="Insert your API Key" </a>
/> <Form.Control asChild>
</Form.Control> <Input
onChange={({ target: { value } }) => {
handleInput({ target: { name: "apikey", value } });
}}
placeholder="Insert your API Key"
/>
</Form.Control>
</div>
</Form.Field> </Form.Field>
</div> </div>
<div className="float-right"> <div className="float-right">