mirror of
https://gitea.com/gitea/blog.git
synced 2024-06-02 03:41:23 +05:30
c3d361092e
- Updated readme - Used double quotes instead of single quotes - Increase blog content width Before ![Screen Shot 2023-07-14 at 13.45.45](/attachments/9c669c42-2efd-4ae5-bbf5-24f252c26fa0) After ![Screen Shot 2023-07-14 at 13.45.31](/attachments/6f72912c-2fd9-4a63-8839-583864faa474) - Added subscribe and community components to buttom of the blog post page. ![Screen Shot 2023-07-14 at 15.55.12](/attachments/3808fa5a-e951-487b-8ed2-dc693cfec9e2) ![Screen Shot 2023-07-14 at 15.55.30](/attachments/864ff357-a116-47ce-abf0-8278e24ede7d) Loading: ![Screen Shot 2023-07-14 at 15.57.00](/attachments/2f0ace67-d83e-4415-a778-8e7913fb6505) Post sent: ![Screen Shot 2023-07-14 at 13.48.44](/attachments/ceac4970-a914-49d5-ad42-febb3d259d89) Mobile: ![Screen Shot 2023-07-14 at 15.58.19](/attachments/7e01f575-7e4d-4d99-9888-7fb246ceb313) ![Screen Shot 2023-07-14 at 15.58.27](/attachments/879128d1-f115-41a7-8e8e-574f0b3de208) Reviewed-on: https://gitea.com/gitea/blog/pulls/272 Co-authored-by: HesterG <hestergong@gmail.com> Co-committed-by: HesterG <hestergong@gmail.com>
40 lines
1.2 KiB
JavaScript
40 lines
1.2 KiB
JavaScript
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
|