first commit

src/routes/forgotPassword/components/ForgotPassword.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import APPCONFIG from 'constants/Config';
+import TextField from 'material-ui/TextField';
+import QueueAnim from 'rc-queue-anim';
+
+class ForgotPassowrd extends React.Component {
+  constructor() {
+    super();
+    this.state = {
+      brand: APPCONFIG.brand
+    };
+  }
+
+  render() {
+    return (
+      <div className="body-inner">
+        <div className="card bg-white">
+          <div className="card-content">
+            <section className="logo text-center">
+              <h1><a href="#/">{this.state.brand}</a></h1>
+            </section>
+            <form>
+              <fieldset>
+                <div className="form-group">
+                  <TextField
+                    floatingLabelText="Email"
+                    type="email"
+                    fullWidth
+                  />
+                  <div className="text-small">
+                    <p>Enter the email address for your account.</p>
+                    <p>We will email your username and a link to reset your password.</p>
+                  </div>
+                </div>
+              </fieldset>
+            </form>
+          </div>
+          <div className="card-action no-border text-right">
+            <a href="/#/confirm-password" className="color-primary">Reset</a>
+          </div>
+        </div>
+      </div>
+    );
+  }
+}
+
+const Page = () => (
+  <div className="page-forgot">
+    <div className="main-body">
+      <QueueAnim type="bottom" className="ui-animate">
+        <div key="1">
+          <ForgotPassowrd />
+        </div>
+      </QueueAnim>
+    </div>
+  </div>
+);
+
+module.exports = Page;
+