From 73a5c7fae9ffbe9ada721148c8c454a643aceebe Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Sun, 20 Feb 2022 16:11:50 +0100
Subject: chore!: restructure repo

I separated public files from the config/dev files. It improves repo
readability.
I also moved dotenv helper to public/inc directory and extract the
Matomo tracker in the same directory.
---
 .../apps/todos/src/components/forms/Input/Input.js | 39 ++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 public/projects/react-small-apps/apps/todos/src/components/forms/Input/Input.js

(limited to 'public/projects/react-small-apps/apps/todos/src/components/forms/Input')

diff --git a/public/projects/react-small-apps/apps/todos/src/components/forms/Input/Input.js b/public/projects/react-small-apps/apps/todos/src/components/forms/Input/Input.js
new file mode 100644
index 0000000..86e660c
--- /dev/null
+++ b/public/projects/react-small-apps/apps/todos/src/components/forms/Input/Input.js
@@ -0,0 +1,39 @@
+function Input({
+  label,
+  id,
+  name,
+  value,
+  updateValue,
+  onBlurHandler,
+  required,
+  type = "text",
+}) {
+  const handleChange = (e) => {
+    e.target.type === "checkbox"
+      ? updateValue(e.target.checked)
+      : updateValue(e.target.value);
+  };
+
+  return (
+    <>
+      {label && (
+        <label htmlFor={id} className="form__label">
+          {label}
+        </label>
+      )}
+      <input
+        type={type}
+        id={id}
+        name={name}
+        value={type === "checkbox" ? undefined : value}
+        checked={type === "checkbox" ? value : null}
+        required={required ? "required" : false}
+        onChange={handleChange}
+        onBlur={onBlurHandler}
+        className="form__field"
+      />
+    </>
+  );
+}
+
+export default Input;
-- 
cgit v1.2.3