Add subscription and community components (#47)

Close #46 Same as those in [blog](https://gitea.com/gitea/blog/pulls/272), but for docs and api Ejected DocPage (unsafe to eject) and ApiDoc (safe to eject) for layout changes ![Screen Shot 2023-07-17 at 15.32.29](/attachments/74f992c7-b60d-4d71-bb50-8c085e6783fe)![Screen Shot 2023-07-17 at 15.32.40](/attachments/0df35cba-0797-4f21-abbe-bb61736c1e1f) Screenshots ![Screen Shot 2023-07-17 at 15.27.29](/attachments/39e09cee-5043-4349-aaaa-7ab585aefbc4)![Screen Shot 2023-07-17 at 15.27.36](/attachments/396a9ae1-bbae-42b5-b1ab-c4158a2be78d)![Screen Shot 2023-07-17 at 15.27.53](/attachments/e12a35eb-625c-4950-960e-61226eda4ad4)![Screen Shot 2023-07-17 at 15.28.11](/attachments/578bd742-8a8b-4324-82d4-b9dc47d7f511)![Screen Shot 2023-07-17 at 15.28.19](/attachments/f304bb80-c6cb-4af4-b16f-b19fa2099ba5) Co-authored-by: techknowlogick <[email protected]> Co-authored-by: techknowlogick <[email protected]> Reviewed-on: https://gitea.com/gitea/gitea-docusaurus/pulls/47 Co-authored-by: HesterG <[email protected]> Co-committed-by: HesterG <[email protected]>
2026-09-20 04:58:52 +00:00 · 2023-07-21 10:57:22 +00:00
parent c77d0e0e34
commit 02b0ebc9e1
22 changed files with 699 additions and 3 deletions
@@ -0,0 +1,39 @@
+import React, { useState } from "react"
+import Input from "../Input"
+import Button from "../Button"
+import style from "./style.module.css"
+import clsx from "clsx"
+
+const Spinner = () => <span className={style.loader} />
+
+const Subscribe = ({placeholder, submitButtonText, className, classNameInputs}) => {
+  const [loading, setLoading] = useState(false)
+
+  return (
+    <form method="post" action="https://list.gitea.com/subscription/form" className={clsx(style.root, className)} onSubmit={() => {setLoading(true)}}>
+      <div className={clsx(style.inputs, classNameInputs)}>
+        <Input type="hidden" name="nonce" />
+        <input className={style.checkbox} id="2aae7" type="checkbox" name="l" value="2aae7a49-b6b9-4aa3-b35a-32c9aeace57b" checked readOnly />
+        <Input
+          className={style.input}
+          name="email"
+          type="email"
+          title="Email address should be valid"
+          placeholder={placeholder}
+          required
+          autoComplete="off"
+        />
+
+        <Button
+          variant={"tertiary"}
+          type="submit"
+          className={style.subscribeSubmit}
+        >
+          {loading ? <Spinner /> : submitButtonText}
+        </Button>
+      </div>
+    </form>
+  )
+}
+
+export default Subscribe