resolve changes requests #13 #18

client/src/App.css

@@ -1,35 +1,5 @@
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-.App {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.App-logo {
-  animation: App-logo-spin infinite 20s linear;
-  height: 80px;
-}
-
-.App-header {
-  background-color: #222;
-  height: 150px;
-  padding: 20px;
-  color: white;
-}
-
-.App-title {
-  font-size: 1.5em;
-}
-
-.App-intro {
-  font-size: large;
-}
-
-@keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
-}
+ * {
+   margin: 0;
+   padding: 0;
+   box-sizing: border-box;
+ }

client/src/App.js

@@ -1,14 +1,13 @@
 import React, { Component } from 'react';
 import Login from './pages/login';
-// import Flight from './pages/flights';
 import AddFlight from './pages/addFlight';
 import UpdateFlight from './pages/updateFlight';
 import './App.css';
 
 class App extends Component {
   render() {
     return (
-      <Login />
+      <UpdateFlight />
     );
   }
 }

client/src/components/detailscard/detailscard.css

@@ -13,7 +13,7 @@
   font-family: 'Volkhov';
   font-size: 15px;
   width: 100%;
-  margin: 10px 0 10px 0;
+  margin: 10px 0;
 }
 
 .duration-label {
@@ -29,7 +29,7 @@
 }
 
 .labels-container {
-  padding: 0 10px 0 10px;
+  padding: 0 10px;
   width: 300px;
   height: 30px;
   margin-bottom: 10px;

client/src/components/detailscard/index.js

@@ -4,18 +4,18 @@ import './detailscard.css'
 
 class Card extends Component {
   render() {
-    const { flightduration } = this.props;
+    const { flightduration, destination , origin} = this.props;
     return (
       <div className='center-div'>
         <div className='container-card-details'>
           <label className='flightno-style'>Flight no.</label>
           <div className='labels-container'>
             <label className='duration-label'>From</label>
-            <label className='float-style'>f</label>
+            <label className='float-style'>{origin}</label>
           </div>
           <div className='labels-container'>
             <label className='duration-label'>To</label>
-            <label className='float-style'>f</label>
+            <label className='float-style'>{destination}</label>
           </div>
           <div className='labels-container'>
             <label className='duration-label'>Flight duration</label>

client/src/components/input/index.js

@@ -8,7 +8,6 @@ class Input extends Component {
     return (
       <div className='container-input'>
         <label className='label-style'>{labelText}</label>
-        {/* <i class={iconclass}></i> */}
         <input className='input-style' placeholder={placeholder}/>
       </div>
     );

client/src/components/select/index.js

@@ -8,7 +8,6 @@ class Select extends Component {
     return (
       <div className='container-select'>
         <label className='label-style'>{labelText}</label>
-        {/* <i class={iconclass}></i> */}
         <select className='select-style'>
           <option>{firstItem}</option>
           <option>balsam</option>

client/src/pages/updateFlight/index.js

@@ -17,7 +17,7 @@ class UpdateFlight extends Component {
             <div className="sub-container-sidenav-form">
               <Sidenav thirdTap={true}/>
               <div className="sub-container-form">
-                <DetailsCard flightduration='00 hours'/>
+                <DetailsCard flightduration='00 hours' destination='destination' origin='origin' />
                 <Input labelText='Departure time' iconclass='fa fa-user' placeholder='00:00:00 am' />
                 <Input labelText='Boarding time' iconclass='fa fa-user' placeholder='00:00:00 am' />
                 <Input labelText='Gate no.' iconclass='fa fa-user' placeholder='ex:1234' />