From 8a5ffe764240116ffdb66ee720d00f99906111dd Mon Sep 17 00:00:00 2001
From: InassTubail <anoos.hanii@gmail.com>
Date: Wed, 25 Jul 2018 11:13:06 +0300
Subject: [PATCH] dividing main components in our app and log in page #13

---
 client/public/index.html                      |  28 ++-------
 client/src/App.jsx                            |   8 +--
 client/src/{ => components}/button/Button.jsx |   2 +-
 client/src/{ => components}/button/button.css |   0
 client/src/{ => components}/header/Header.jsx |   2 +-
 client/src/{ => components}/header/header.css |   0
 client/src/{ => components}/header/plane.png  | Bin
 client/src/{ => components}/input/Input.jsx   |   7 +--
 client/src/{ => components}/input/input.css   |   3 +-
 .../src/{ => components}/sidenav/Sidenav.jsx  |   2 +-
 client/src/{ => components}/sidenav/add.jpeg  | Bin
 .../src/{ => components}/sidenav/sidenav.css  |   0
 client/src/{ => components}/sidenav/table.png | Bin
 client/src/{ => components}/table/Table.jsx   |   2 +-
 client/src/{ => components}/table/table.css   |   0
 client/src/index.js                           |   1 -
 client/src/{ => pages}/flights/Flight.jsx     |   8 +--
 client/src/{ => pages}/flights/flight.css     |   0
 client/src/{ => pages}/login/Login.jsx        |  23 +++----
 client/src/{ => pages}/login/login.css        |  56 ++++++++++--------
 client/src/{ => pages}/login/plane.png        | Bin
 21 files changed, 61 insertions(+), 81 deletions(-)
 rename client/src/{ => components}/button/Button.jsx (93%)
 rename client/src/{ => components}/button/button.css (100%)
 rename client/src/{ => components}/header/Header.jsx (94%)
 rename client/src/{ => components}/header/header.css (100%)
 rename client/src/{ => components}/header/plane.png (100%)
 rename client/src/{ => components}/input/Input.jsx (74%)
 rename client/src/{ => components}/input/input.css (57%)
 rename client/src/{ => components}/sidenav/Sidenav.jsx (95%)
 rename client/src/{ => components}/sidenav/add.jpeg (100%)
 rename client/src/{ => components}/sidenav/sidenav.css (100%)
 rename client/src/{ => components}/sidenav/table.png (100%)
 rename client/src/{ => components}/table/Table.jsx (96%)
 rename client/src/{ => components}/table/table.css (100%)
 rename client/src/{ => pages}/flights/Flight.jsx (75%)
 rename client/src/{ => pages}/flights/flight.css (100%)
 rename client/src/{ => pages}/login/Login.jsx (64%)
 rename client/src/{ => pages}/login/login.css (52%)
 rename client/src/{ => pages}/login/plane.png (100%)

diff --git a/client/public/index.html b/client/public/index.html
index 71fab88..f2fd39c 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -5,23 +5,14 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta name="theme-color" content="#000000">
-    <!--
-      manifest.json provides metadata used when your web app is added to the
-      homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
-    -->
+  
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
+
 
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      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>
   </head>
   <body>
@@ -29,15 +20,6 @@
       You need to enable JavaScript to run this app.
     </noscript>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
+    
   </body>
 </html>
diff --git a/client/src/App.jsx b/client/src/App.jsx
index a5fe001..58447aa 100644
--- a/client/src/App.jsx
+++ b/client/src/App.jsx
@@ -2,10 +2,8 @@ import React, {
   Component
 } from 'react';
 
-
-
-import Login from './login/Login.jsx';
-import Flight from './flights/Flight.jsx';
+import Login from './pages/login/Login.jsx';
+import Flight from './pages/flights/Flight.jsx';
 import './App.css';
 
 class App extends Component {
@@ -17,7 +15,7 @@ class App extends Component {
   }
 
   render() {
-           return (<Flight />);
+           return (<Login/>);
          
   }
 }
diff --git a/client/src/button/Button.jsx b/client/src/components/button/Button.jsx
similarity index 93%
rename from client/src/button/Button.jsx
rename to client/src/components/button/Button.jsx
index a2dea88..396dd17 100644
--- a/client/src/button/Button.jsx
+++ b/client/src/components/button/Button.jsx
@@ -1,7 +1,7 @@
 import React, {
     Component
   } from 'react';
-  import '../App.css';
+  import '../../App.css';
   import './button.css'
   
   
diff --git a/client/src/button/button.css b/client/src/components/button/button.css
similarity index 100%
rename from client/src/button/button.css
rename to client/src/components/button/button.css
diff --git a/client/src/header/Header.jsx b/client/src/components/header/Header.jsx
similarity index 94%
rename from client/src/header/Header.jsx
rename to client/src/components/header/Header.jsx
index 54833a1..409cf68 100644
--- a/client/src/header/Header.jsx
+++ b/client/src/components/header/Header.jsx
@@ -1,7 +1,7 @@
 import React, {
     Component
   } from 'react';
-  import '../App.css';
+  import '../../App.css';
   import './header.css'
   
   
diff --git a/client/src/header/header.css b/client/src/components/header/header.css
similarity index 100%
rename from client/src/header/header.css
rename to client/src/components/header/header.css
diff --git a/client/src/header/plane.png b/client/src/components/header/plane.png
similarity index 100%
rename from client/src/header/plane.png
rename to client/src/components/header/plane.png
diff --git a/client/src/input/Input.jsx b/client/src/components/input/Input.jsx
similarity index 74%
rename from client/src/input/Input.jsx
rename to client/src/components/input/Input.jsx
index f0c6a5d..e6ea73d 100644
--- a/client/src/input/Input.jsx
+++ b/client/src/components/input/Input.jsx
@@ -1,7 +1,7 @@
 import React, {
     Component
   } from 'react';
-  import '../App.css';
+  import '../../App.css';
   import './input.css';
 
   class Input extends Component {
@@ -16,9 +16,8 @@ import React, {
         } = this.props;
         console.log(this.props)
       return (
-          <div>
-           <input className={className}   placeholder={placeholder}/>
-         </div>
+           <input className={className} placeholder={placeholder}/>
+         
       );
     }
   
diff --git a/client/src/input/input.css b/client/src/components/input/input.css
similarity index 57%
rename from client/src/input/input.css
rename to client/src/components/input/input.css
index 8ee1fae..04e7f65 100644
--- a/client/src/input/input.css
+++ b/client/src/components/input/input.css
@@ -1,6 +1,7 @@
 
   .container input{
     background-color: #91ADF6;
-    border-color: #91ADF6;
+    /* border-color: #91ADF6; */
     padding: 5px;
+    display: inline;
 }
diff --git a/client/src/sidenav/Sidenav.jsx b/client/src/components/sidenav/Sidenav.jsx
similarity index 95%
rename from client/src/sidenav/Sidenav.jsx
rename to client/src/components/sidenav/Sidenav.jsx
index 25e1f1b..c614b30 100644
--- a/client/src/sidenav/Sidenav.jsx
+++ b/client/src/components/sidenav/Sidenav.jsx
@@ -1,7 +1,7 @@
 import React, {
     Component
   } from 'react';
-  import '../App.css';
+  import '../../App.css';
   import './sidenav.css'
     
   class Sidenav extends Component {
diff --git a/client/src/sidenav/add.jpeg b/client/src/components/sidenav/add.jpeg
similarity index 100%
rename from client/src/sidenav/add.jpeg
rename to client/src/components/sidenav/add.jpeg
diff --git a/client/src/sidenav/sidenav.css b/client/src/components/sidenav/sidenav.css
similarity index 100%
rename from client/src/sidenav/sidenav.css
rename to client/src/components/sidenav/sidenav.css
diff --git a/client/src/sidenav/table.png b/client/src/components/sidenav/table.png
similarity index 100%
rename from client/src/sidenav/table.png
rename to client/src/components/sidenav/table.png
diff --git a/client/src/table/Table.jsx b/client/src/components/table/Table.jsx
similarity index 96%
rename from client/src/table/Table.jsx
rename to client/src/components/table/Table.jsx
index f11bba7..f4e9b21 100644
--- a/client/src/table/Table.jsx
+++ b/client/src/components/table/Table.jsx
@@ -1,7 +1,7 @@
 import React, {
     Component
   } from 'react';
-  import '../App.css';
+  import '../../App.css';
   import './table.css';
 
 
diff --git a/client/src/table/table.css b/client/src/components/table/table.css
similarity index 100%
rename from client/src/table/table.css
rename to client/src/components/table/table.css
diff --git a/client/src/index.js b/client/src/index.js
index 9a843dd..4db04b8 100644
--- a/client/src/index.js
+++ b/client/src/index.js
@@ -2,5 +2,4 @@ import React from 'react' ;
 import ReactDOM from 'react-dom' ;
 import App from './App.jsx' ;
 
-
 ReactDOM.render(<App />, document.getElementById('root'));
diff --git a/client/src/flights/Flight.jsx b/client/src/pages/flights/Flight.jsx
similarity index 75%
rename from client/src/flights/Flight.jsx
rename to client/src/pages/flights/Flight.jsx
index 739286e..595d797 100644
--- a/client/src/flights/Flight.jsx
+++ b/client/src/pages/flights/Flight.jsx
@@ -1,13 +1,13 @@
 import React, {
     Component
   } from 'react';
-  import '../App.css';
+  import '../../App.css';
   import './flight.css';
 
 
-  import Header from '../header/Header.jsx';
-import Sidenav from '../sidenav/Sidenav.jsx';
-import Table from '../table/Table.jsx'
+  import Header from '../../components/header/Header.jsx';
+import Sidenav from '../../components/sidenav/Sidenav.jsx';
+import Table from '../../components/table/Table.jsx'
 
 
   class Flight extends Component {
diff --git a/client/src/flights/flight.css b/client/src/pages/flights/flight.css
similarity index 100%
rename from client/src/flights/flight.css
rename to client/src/pages/flights/flight.css
diff --git a/client/src/login/Login.jsx b/client/src/pages/login/Login.jsx
similarity index 64%
rename from client/src/login/Login.jsx
rename to client/src/pages/login/Login.jsx
index e17e5fd..5c97e76 100644
--- a/client/src/login/Login.jsx
+++ b/client/src/pages/login/Login.jsx
@@ -2,10 +2,9 @@ import React, {
   Component
 } from 'react';
 import './login.css';
-import '../App.css';
-import '../input/Input.jsx'
-import Input from '../input/Input.jsx';
-import Button from '../button/Button.jsx';
+import '../../App.css';
+import Input from '../../components/input/Input.jsx';
+import Button from '../../components/button/Button.jsx';
 
 
 
@@ -27,22 +26,18 @@ class Login extends Component {
         <div className="inputs-group">
 
 
-        <div className="user">
-        <div className="usericon">
-            <span className="fas fa-user-tie"></span>
-        </div>
-          <div className="userinput">
+        {/* <div className="user">
+        <div className="usericon"> */}
+            <label class="start_date">
             <Input className="uname" placeholder='Username' />
-          </div>
-
-        </div>
+            </label>
+          {/* </div>
+        </div> */}
 
         <Input className='password' placeholder='Password'  />
         </div>
         <Button  textvalue="Login"/>
 
-
-    
 </div>
   
     );
diff --git a/client/src/login/login.css b/client/src/pages/login/login.css
similarity index 52%
rename from client/src/login/login.css
rename to client/src/pages/login/login.css
index 37dce29..a38bbc4 100644
--- a/client/src/login/login.css
+++ b/client/src/pages/login/login.css
@@ -1,33 +1,35 @@
 body {
   background-color: #EEEEEE;
 }
-.container{
+
+.container {
   text-align: center;
   background-color: white;
   width: 50%;
   margin: auto;
   height: 600px;
-  margin-top:35px;
-
+  margin-top: 35px;
 }
 
-.container h1{
-  margin-top:-43px;
+.container h1 {
+  margin-top: -43px;
 }
+
 .container .plane {
   width: 300px;
-  }
-  .container .inputs-group{
-    margin-top:60px;
-
-  }
-  .container input ,
-  .container button
-  {
-    width:250px;
-  }
-  .container button{
-    /* background-color:  #404040;
+}
+
+.container .inputs-group {
+  margin-top: 60px;
+}
+
+.container input,
+.container button {
+  width: 250px;
+}
+
+.container button {
+  /* background-color:  #404040;
     border: none;
     color:#91ADF6;
     font-weight: bold;
@@ -37,22 +39,26 @@ body {
     font-size: 16px;
     cursor: pointer;
     border-radius: 12px; */
-    height: 40px;
-  }
-  .container input{
-    height: 30px;
-  margin-bottom: 20px;
+  height: 40px;
 }
 
+.container input {
+  height: 30px;
+  margin-bottom: 20px;
+}
 
 .userinput,
 .usericon {
-    display: inline;
+  background-color: #91ADF6;
+  border-color: #91ADF6;
+  padding: 5px;
+  height: 44px;
 }
+
 .user {
-    white-space: nowrap;
+  white-space: nowrap;
 }
 
 .user>div {
-  display: inline-block;
+  display: inline;
 }
\ No newline at end of file
diff --git a/client/src/login/plane.png b/client/src/pages/login/plane.png
similarity index 100%
rename from client/src/login/plane.png
rename to client/src/pages/login/plane.png