Functionally complete full registration workflow

2017-09-04 00:30:18 -06:00
parent 561664a701
commit f0c30f1023
18 changed files with 699 additions and 24 deletions
@@ -0,0 +1,41 @@
+import React from "react";
+import { Container, Form, Header, Message } from "semantic-ui-react";
+
+import Error from "../Shared/Error";
+
+const ProviderFormView = ({
+  isSendingUserRequest,
+  userRequestError,
+  userRequestSuccess,
+  socialInsuranceNumber,
+  changeSocialInsuranceNumber,
+  onSubmitProvider
+}) => (
+  <Container>
+    <Header>Complete Provider Information</Header>
+    <Form
+      loading={isSendingUserRequest}
+      onSubmit={onSubmitProvider}
+      error={!!userRequestError}
+      success={!!userRequestSuccess}
+    >
+      <Form.Field>
+        <label>Social Insurance Number</label>
+        <input
+          placeholder="98765"
+          type="text"
+          value={socialInsuranceNumber}
+          onChange={changeSocialInsuranceNumber}
+        />
+      </Form.Field>
+      <Error header="Modify Provider failed!" error={userRequestError} />
+      <Message success>
+        <Message.Header>Modify Provider successful!</Message.Header>
+        <p>Set provider successfully.</p>
+      </Message>
+      <Form.Button>Submit Provider</Form.Button>
+    </Form>
+  </Container>
+);
+
+export default ProviderFormView;