From 09e0714ec4e4bde28517e6d752b6a66a561728bc Mon Sep 17 00:00:00 2001
From: Roman Galochkin <roman.redrat@gmail.com>
Date: Wed, 26 Feb 2020 13:38:29 +0300
Subject: [PATCH] Adds a component

---
 src/DistBuilder.re | 63 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 63 insertions(+)
 create mode 100644 src/DistBuilder.re

diff --git a/src/DistBuilder.re b/src/DistBuilder.re
new file mode 100644
index 00000000..eccc3cce
--- /dev/null
+++ b/src/DistBuilder.re
@@ -0,0 +1,63 @@
+open BsReform;
+
+module FormConfig = [%lenses
+  type state = {
+    name: string,
+    description: string,
+    picture: string,
+  }
+];
+
+module Form = ReForm.Make(FormConfig);
+
+let schema = Form.Validation.Schema([||]);
+
+module FieldString = {
+  [@react.component]
+  let make = (~field, ~label) => {
+    <Form.Field
+      field
+      render={({handleChange, error, value, validate}) =>
+        <Antd.Form.Item label={label |> E.ste}>
+          <Antd.Input
+            value
+            onChange={BsReform.Helpers.handleChange(handleChange)}
+            onBlur={_ => validate()}
+          />
+        </Antd.Form.Item>
+      }
+    />;
+  };
+};
+
+[@react.component]
+let make = () => {
+  let reform =
+    Form.use(
+      ~validationStrategy=OnDemand,
+      ~schema,
+      ~onSubmit=({state}) => {None},
+      ~initialState={name: "", description: "", picture: ""},
+      (),
+    );
+
+  let onSubmit = e => {
+    e->ReactEvent.Synthetic.preventDefault;
+    reform.submit();
+  };
+
+  <Form.Provider value=reform>
+    <Antd.Form onSubmit>
+      <FieldString field=FormConfig.Name label="Name" />
+      <FieldString field=FormConfig.Description label="Description" />
+      <FieldString field=FormConfig.Picture label="Picture" />
+      <Antd.Form.Item>
+        {reform.state.formState == Submitting
+           ? "Loading" |> E.ste
+           : <Antd.Button _type=`primary onClick=onSubmit>
+               {"Submit" |> E.ste}
+             </Antd.Button>}
+      </Antd.Form.Item>
+    </Antd.Form>
+  </Form.Provider>;
+};