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 (
<BaseModal size="small-h-full" open={open} setOpen={setOpen}>
<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>
<IconComponent
name="Key"
@ -60,14 +64,21 @@ export default function StoreApiKeyModal({
>
<div className="grid gap-5">
<Form.Field name="username">
<Form.Control asChild>
<Input
onChange={({ target: { value } }) => {
handleInput({ target: { name: "apikey", value } });
}}
placeholder="Insert your API Key"
/>
</Form.Control>
<div className="flex items-center justify-between gap-2">
<a href="https://langflow.store/" target="_blank">
<Button type="button" className="w-24" variant="secondary">
Sign up
</Button>
</a>
<Form.Control asChild>
<Input
onChange={({ target: { value } }) => {
handleInput({ target: { name: "apikey", value } });
}}
placeholder="Insert your API Key"
/>
</Form.Control>
</div>
</Form.Field>
</div>
<div className="float-right">