Creates /signup page

Cosecha · Feb 20, 2017 · b5f2f6f0b2ded935f18cc212adfd1d4575dac196 · b5f2f6f
1 parent d66ba02
commit b5f2f6f0b2ded935f18cc212adfd1d4575dac196
diff --git a/package.json b/package.json
@@ -8,7 +8,8 @@
  "dependencies": {
    "react": "^15.4.2",
    "react-dom": "^15.4.2",
-  
-    "react-router": "^3.0.2"
+  
+    "react-router": "^3.0.2",
+  
+    "semantic-ui-react": "^0.65.0"
  },
  "scripts": {
    "start": "react-scripts start",
diff --git a/public/index.html b/public/index.html
@@ -4,6 +4,7 @@
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+  
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.css"></link>
    <!--
      Notice the use of %PUBLIC_URL% in the tag above.
      It will be replaced with the URL of the `public` folder during the build.
@@ -13,7 +14,7 @@
      work correctly both with client-side routing and a non-root public URL.
      Learn how to configure a non-root public URL by running `npm run build`.
    -->
-  
-    <title>React App</title>
+  
+    <title>RedadAlertas</title>
  </head>
  <body>
    <div id="root"></div>
diff --git a/src/containers/app/App.js b/src/containers/app/App.js
diff --git a/src/containers/app/App.jsx b/src/containers/app/App.jsx
@@ -0,0 +1,19 @@
+  
+import React, { Component } from 'react';
+  
+import logo from './logo.svg';
+  
+import './App.css';
+  
+import Header from './Header';
+  
+
+  
+class App extends Component {
+  
+  render() {
+  
+    return (
+  
+      <div className="app">
+  
+        <Header />
+  
+        <div>
+  
+          {this.props.children}
+  
+        </div>
+  
+      </div>
+  
+    );
+  
+  }
+  
+}
+  
+
+  
+export default App;
diff --git a/src/containers/app/Header.jsx b/src/containers/app/Header.jsx
@@ -0,0 +1,16 @@
+  
+import React, { Component } from 'react';
+  
+import { Link } from 'react-router';
+  
+import { Menu, Image } from 'semantic-ui-react';
+  
+import logo from './logo.svg';
+  
+
+  
+class Header extends Component {
+  
+  render()  {
+  
+    return (
+  
+      <nav>
+  
+        <img src={logo} alt="logo" width="50" height="50" />
+  
+      </nav>
+  
+    )
+  
+  }
+  
+};
+  
+
+  
+export default Header;
diff --git a/src/containers/app/index.js b/src/containers/app/index.js
@@ -1,7 +1,9 @@
-  
-import App from './App';
+  
+import App from './App.jsx';
+  
+import Header from './Header.jsx';
 const components = {
  App,
+  
+  Header,
 };
 export { components };
diff --git a/src/containers/signup/Signup.jsx b/src/containers/signup/Signup.jsx
@@ -0,0 +1,13 @@
+  
+import React, { Component } from 'react';
+  
+
+  
+class Signup extends Component {
+  
+  render() {
+  
+    return (
+  
+      <div>
+  
+        <h1>Login Page</h1>
+  
+      </div>
+  
+    )
+  
+  }
+  
+}
+  
+
+  
+export default Signup;
diff --git a/src/containers/signup/index.js b/src/containers/signup/index.js
@@ -0,0 +1,7 @@
+  
+import Signup from './Signup';
+  
+
+  
+const components = {
+  
+  Signup,
+  
+};
+  
+
+  
+export { components };
diff --git a/src/routes.js b/src/routes.js
@@ -2,14 +2,15 @@ import React, { Component } from 'react';
 import { Router, Route, browserHistory } from 'react-router';
 import { components as AppComponents } from './containers/app';
 import { components as LandingComponents } from './containers/landing';
+  
+import { components as SignupComponents } from './containers/signup';
 class Routes extends Component {
  render() {
    return (
      <Router history={browserHistory}>
        <Route path='/' component={LandingComponents.Landing} />
        <Route component={AppComponents.App}>
-  
-
+  
+          <Route path='/signup' component={SignupComponents.Signup} />
        </Route>
      </Router>
    );