MinPluto/share2fedi
Archived
1
Fork 0
Code Issues Pull requests Activity

Extract form as a separate component

Browse source
This commit is contained in:
Nikita Karamov 2023-03-27 19:32:53 +02:00
parent 84be267e16
commit 56db514d15
No known key found for this signature in database
GPG key ID: 41D6F71EE78E77CD
2 changed files with 39 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
src/components/form.astro Normal file
View file

@ -0,0 +1,34 @@
---
/*!
* © 2023 Nikita Karamov
* Licensed under AGPL v3 or later
*/
import InstanceSelect from "@components/instance-select.astro";
const { prefilledText, prefilledInstance } = Astro.props;
---
<form
id="js-s2f-form"
action="/api/share"
method="POST"
>
<label>
Post text
<textarea
name="text"
id="text"
rows="7"
placeholder="What's on your mind?"
required
>{prefilledText}</textarea
>
</label>
<InstanceSelect {prefilledInstance} />
<input
type="submit"
value="Publish"
/>
</form>

30
src/pages/index.astro
View file

@ -4,7 +4,7 @@
* Licensed under AGPL v3 or later * Licensed under AGPL v3 or later
*/ */
import Layout from "@layouts/layout.astro"; import Layout from "@layouts/layout.astro";
import InstanceSelect from "@components/instance-select.astro"; import Form from "@components/form.astro";
import { Content as PrivacyNotice } from "@pages/_privacy.md"; import { Content as PrivacyNotice } from "@pages/_privacy.md";
import { Content as Licence } from "@pages/_licence.md"; import { Content as Licence } from "@pages/_licence.md";
@ -23,30 +23,10 @@ const prefilledInstance = searchParameters.get("instance");
/> />
</header> </header>
<main> <main>
<form <Form
id="js-s2f-form" {prefilledText}
action="/api/share" {prefilledInstance}
method="POST" />
>
<label>
Post text
<textarea
name="text"
id="text"
rows="7"
placeholder="What's on your mind?"
required
>{prefilledText}</textarea
>
</label>
<InstanceSelect prefilledInstance={prefilledInstance} />
<input
type="submit"
value="Publish"
/>
</form>
</main> </main>
<aside> <aside>
<p> <p>