From dc4588b1b134cb66b9e0842b96f0be96b724a049 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Fri, 17 Dec 2021 19:29:20 +0100
Subject: chore: add a comment form to posts

---
 src/components/CommentForm/CommentForm.tsx | 58 ++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 src/components/CommentForm/CommentForm.tsx

(limited to 'src/components/CommentForm/CommentForm.tsx')

diff --git a/src/components/CommentForm/CommentForm.tsx b/src/components/CommentForm/CommentForm.tsx
new file mode 100644
index 0000000..be6f5a6
--- /dev/null
+++ b/src/components/CommentForm/CommentForm.tsx
@@ -0,0 +1,58 @@
+import { ButtonSubmit } from '@components/Buttons';
+import { Form, FormItem, Input, TextArea } from '@components/Form';
+import { t } from '@lingui/macro';
+import { useState } from 'react';
+
+const CommentForm = () => {
+  const [name, setName] = useState('');
+  const [email, setEmail] = useState('');
+  const [website, setWebsite] = useState('');
+  const [message, setMessage] = useState('');
+
+  return (
+    <Form>
+      <FormItem>
+        <Input
+          id="commenter-name"
+          name="commenter-name"
+          label={t`Name`}
+          required={true}
+          value={name}
+          setValue={setName}
+        />
+      </FormItem>
+      <FormItem>
+        <Input
+          id="commenter-email"
+          name="commenter-email"
+          label={t`Email`}
+          required={true}
+          value={email}
+          setValue={setEmail}
+        />
+      </FormItem>
+      <FormItem>
+        <Input
+          id="commenter-website"
+          name="commenter-website"
+          label={t`Website`}
+          value={website}
+          setValue={setWebsite}
+        />
+      </FormItem>
+      <FormItem>
+        <TextArea
+          id="commenter-message"
+          name="commenter-message"
+          label={t`Comment`}
+          value={message}
+          setValue={setMessage}
+          required={true}
+        />
+      </FormItem>
+      <ButtonSubmit>{t`Send`}</ButtonSubmit>
+    </Form>
+  );
+};
+
+export default CommentForm;
-- 
cgit v1.2.3

