From 4d9a580e81b38ef9217e578d2adf87c3b8e0d8fd Mon Sep 17 00:00:00 2001
From: Ivan Diaz <ivan@opensupports.com>
Date: Sun, 6 Sep 2015 20:28:48 -0300
Subject: [PATCH] [Ivan Diaz] - Add login widget first approach

---
 src/app/main/main-home-page-login-widget.js | 22 +++++++++++++++++++++
 src/app/main/main-home-page.js              |  6 ++++--
 src/app/main/main-home-page.scss            |  4 ++++
 src/core-components/input.js                | 16 +++++++++++++++
 4 files changed, 46 insertions(+), 2 deletions(-)
 create mode 100644 src/app/main/main-home-page-login-widget.js
 create mode 100644 src/app/main/main-home-page.scss
 create mode 100644 src/core-components/input.js

diff --git a/src/app/main/main-home-page-login-widget.js b/src/app/main/main-home-page-login-widget.js
new file mode 100644
index 00000000..9955b8c9
--- /dev/null
+++ b/src/app/main/main-home-page-login-widget.js
@@ -0,0 +1,22 @@
+import React              from 'react/addons';
+
+import Widget             from 'core-components/widget';
+import Input              from 'core-components/input';
+import Button             from 'core-components/button';
+
+var MainHomePageLoginWidget = React.createClass({
+    render() {
+        return (
+            <Widget>
+                <h3>Login</h3>
+
+                <Input placeholder="email" />
+                <Input placeholder="password" />
+
+                <Button type="primary">LOG IN</Button>
+            </Widget>
+        );
+    }
+});
+
+export default MainHomePageLoginWidget;
\ No newline at end of file
diff --git a/src/app/main/main-home-page.js b/src/app/main/main-home-page.js
index 9676605d..6deb8715 100644
--- a/src/app/main/main-home-page.js
+++ b/src/app/main/main-home-page.js
@@ -2,12 +2,14 @@ import React              from 'react/addons';
 import {ListenerMixin}    from 'reflux';
 import {RouteHandler}     from 'react-router';
 
+import MainHomePageLoginWidget  from 'app/main/main-home-page-login-widget';
+
 var MainHomePage = React.createClass({
 
 	render() {
 		return (
-			<div>
-				this is the Home page
+			<div className="main-home-page">
+				<MainHomePageLoginWidget />
 			</div>
 		);
 	}
diff --git a/src/app/main/main-home-page.scss b/src/app/main/main-home-page.scss
new file mode 100644
index 00000000..29d22dc8
--- /dev/null
+++ b/src/app/main/main-home-page.scss
@@ -0,0 +1,4 @@
+.main-home-page {
+  text-align: center;
+  min-height: 400px;
+}
\ No newline at end of file
diff --git a/src/core-components/input.js b/src/core-components/input.js
new file mode 100644
index 00000000..4ed78f2e
--- /dev/null
+++ b/src/core-components/input.js
@@ -0,0 +1,16 @@
+import React from 'react';
+
+var Input = React.createClass({
+
+    render() {
+        return (
+            <input {...this.getProps()} />
+        );
+    },
+
+    getProps() {
+        return this.props;
+    }
+});
+
+export default Input;
\ No newline at end of file