From ce73577ce3b1ed73c7cc597e3c0c660a313cf47b Mon Sep 17 00:00:00 2001
From: enggar_ganteng <enggardamarsaraswata@gmail.com>
Date: Thu, 3 Jan 2019 04:36:47 +0700
Subject: [PATCH] car search hampir mau selesai

---
 src/common/pages/Car/CarSearch.js     | 122 +++++++++++++++++++-------
 src/common/pages/Hotel/HotelSearch.js |   2 +-
 2 files changed, 92 insertions(+), 32 deletions(-)

diff --git a/src/common/pages/Car/CarSearch.js b/src/common/pages/Car/CarSearch.js
index 98886f3..56889e6 100644
--- a/src/common/pages/Car/CarSearch.js
+++ b/src/common/pages/Car/CarSearch.js
@@ -3,7 +3,7 @@ import {inject, observer} from 'mobx-react';
 import {
     FlatButton
 } from 'material-ui';
-import { Affix, Card, Slider, Select, Row, Col, Icon, Tag,Rate, Button, Checkbox ,Divider, DatePicker, TimePicker } from 'antd';
+import { Affix, Card, Slider, Select, Row, Col, Icon, Tag,Rate, Button, Checkbox ,Divider, DatePicker, TimePicker, List } from 'antd';
 import {startCase} from 'lodash';
 import LoadingDialog from "../LoadingDialog";
 import Loader from 'react-loader-advanced';
@@ -15,6 +15,8 @@ import Search from 'material-ui/svg-icons/action/search';
 
 const format = 'HH:mm';
 
+
+
 @inject('appstate')
 @observer
 export default class CarSearch extends React.Component {
@@ -70,6 +72,24 @@ export default class CarSearch extends React.Component {
   render() {
     const { valueMinimal, valueMaximal } = this.state;
 
+    const dataAgya = [
+        'Full to full gasoline',
+        '4 people',
+        '4 door',
+      ];
+
+      const dataAvanza = [
+        'Full to full gasoline',
+        '4 people',
+        '5 door',
+      ];
+
+      const dataInova = [
+        'Full to full gasoline',
+        '6 people',
+        '4 door',
+      ];
+
     return (
       <div className="wallet containerMiddle">
         <div className="row">
@@ -109,7 +129,6 @@ export default class CarSearch extends React.Component {
           </div>
 
           <div className="col s9 m9 l9">
-            <Row>
             <div style={{ marginBottom: '10px',display:'flex','justifyContent' :'space-between', marginLeft:20}}>
                 <FlatButton
                     className="headerMenu"
@@ -226,27 +245,42 @@ export default class CarSearch extends React.Component {
             )}
             
             <Divider style={{ marginBottom: 20, marginTop: 20, marginLeft:20 }} />
+            <Row>
               <Card
                   style={{marginLeft:20,marginBottom:20}}
               >
                   <Row>
                       <Col span={8}>
-                          <img alt="example" src="https://d1nabgopwop1kh.cloudfront.net/hotel-asset/30000001000092523_wh_3" style={{width:'100%', height:190}} />
+                          <img alt="example" src="https://cdn.rcstatic.com/images/car_images/new_images/toyota/agya_lrg.jpg" style={{width:'100%', height:190}} />
                       </Col>
                       <Col span={1} />
                       <Col span={15}>
-                          <h2>Oasis Amir Hotel</h2>
-                          <Rate disabled defaultValue={2}  style={{marginTop:-20}}/>
-                          <h4 style={{color:'grey'}}><Icon type="environment" />Senen, Jakarta</h4>
+                            <Row>
+                            <h2>Toyota Agya</h2>
+                            </Row>
+                            <Row style={{marginBottom:10}}>
+                            <Col span={12}>
+                          <h4 style={{color:'grey'}}><Icon type="environment" />At Airport</h4>
                           <div style={{marginBottom:10}}>
                               <Tag color="#f50">Air Conditional</Tag>
-                              <Tag color="#2db7f5">Wi-Fi Access</Tag>
-                              <Tag color="#87d068">Restaurant</Tag>
+                              <Tag color="#7E57C2">Mini</Tag>
+                              <Tag color="#87d068">Automatic</Tag>
                           </div>
-                          <h2 style={{color:'#f96d01'}}>5,390 Poin</h2>
-                          <Col span={24}>
-                              <Button type="primary" block style={{}}>Pilih</Button>
+                          <h2 style={{color:'#2962FF'}}>99,643 Poin</h2>
+                            </Col>
+                            <Col span={12}>
+                                <List
+                                size="small"
+                                dataSource={dataAgya}
+                                renderItem={item => (<List.Item>{item}</List.Item>)}
+                                />
+                            </Col>
+                            </Row>
+                            <Row>
+                            <Col span={24}>
+                              <Button type="primary" block style={{}}>Pesan</Button>
                           </Col>
+                            </Row>
                       </Col>
                   </Row>
               </Card>
@@ -258,23 +292,36 @@ export default class CarSearch extends React.Component {
               >
                   <Row>
                       <Col span={8}>
-                          <img alt="example" src="https://d1nabgopwop1kh.cloudfront.net/hotel-asset/30000001000201429_wh_2" style={{width:'100%', height:190}} />
+                          <img alt="example" src="https://cdn.rcstatic.com/images/car_images/new_images/toyota/avanza_lrg.jpg" style={{width:'100%', height:190}} />
                       </Col>
                       <Col span={1} />
                       <Col span={15}>
-                          <h2>Hotel Aston</h2>
-                          <Rate disabled defaultValue={4}  style={{marginTop:-20}}/>
-                          <h4 style={{color:'grey'}}><Icon type="environment" />Kuningan, Jakarta</h4>
+                            <Row>
+                            <h2>Toyota Avanza</h2>
+                            </Row>
+                            <Row style={{marginBottom:10}}>
+                            <Col span={12}>
+                          <h4 style={{color:'grey'}}><Icon type="environment" />At Airport</h4>
                           <div style={{marginBottom:10}}>
                               <Tag color="#f50">Air Conditional</Tag>
-                              <Tag color="#2db7f5">Wi-Fi Access</Tag>
-                              <Tag color="#87d068">Restaurant</Tag>
-                              <Tag color="#108ee9">Pool</Tag>
+                              <Tag color="#2db7f5">Special</Tag>
+                              <Tag color="#87d068">Automatic</Tag>
                           </div>
-                          <h2 style={{color:'#f96d01'}}>14,230 Poin</h2>
-                          <Col span={24}>
-                              <Button type="primary" block style={{}}>Pilih</Button>
+                          <h2 style={{color:'#2962FF'}}>109,132 Poin</h2>
+                            </Col>
+                            <Col span={12}>
+                                <List
+                                size="small"
+                                dataSource={dataAvanza}
+                                renderItem={item => (<List.Item>{item}</List.Item>)}
+                                />
+                            </Col>
+                            </Row>
+                            <Row>
+                            <Col span={24}>
+                              <Button type="primary" block style={{}}>Pesan</Button>
                           </Col>
+                            </Row>
                       </Col>
                   </Row>
               </Card>
@@ -285,23 +332,36 @@ export default class CarSearch extends React.Component {
               >
                   <Row>
                       <Col span={8}>
-                          <img alt="example" src="https://origin.pegipegi.com/jalan/images/pict2L/Y4/Y953534/Y953534020.jpg" style={{width:'100%', height:190}} />
+                          <img alt="example" src="https://cdn.rcstatic.com/images/car_images/new_images/toyota/innova_lrg.jpg" style={{width:'100%', height:190}} />
                       </Col>
                       <Col span={1} />
                       <Col span={15}>
-                          <h2>Hotel Horision</h2>
-                          <Rate disabled defaultValue={5}  style={{marginTop:-20}}/>
-                          <h4 style={{color:'grey'}}><Icon type="environment" />Menteng, Jakarta</h4>
+                            <Row>
+                            <h2>Toyota Inova</h2>
+                            </Row>
+                            <Row style={{marginBottom:10}}>
+                            <Col span={12}>
+                          <h4 style={{color:'grey'}}><Icon type="environment" />At Airport</h4>
                           <div style={{marginBottom:10}}>
                               <Tag color="#f50">Air Conditional</Tag>
-                              <Tag color="#2db7f5">Wi-Fi Access</Tag>
-                              <Tag color="#87d068">Restaurant</Tag>
-                              <Tag color="#108ee9">Pool</Tag>
+                              <Tag color="#2db7f5">Special</Tag>
+                              <Tag color="#87d068">Automatic</Tag>
                           </div>
-                          <h2 style={{color:'#f96d01'}}>20,500 Poin</h2>
-                          <Col span={24}>
-                              <Button type="primary" block style={{}}>Pilih</Button>
+                          <h2 style={{color:'#2962FF'}}>147,091 Poin</h2>
+                            </Col>
+                            <Col span={12}>
+                                <List
+                                size="small"
+                                dataSource={dataInova}
+                                renderItem={item => (<List.Item>{item}</List.Item>)}
+                                />
+                            </Col>
+                            </Row>
+                            <Row>
+                            <Col span={24}>
+                              <Button type="primary" block style={{}}>Pesan</Button>
                           </Col>
+                            </Row>
                       </Col>
                   </Row>
               </Card>
diff --git a/src/common/pages/Hotel/HotelSearch.js b/src/common/pages/Hotel/HotelSearch.js
index d7c6fd5..c9c20a7 100644
--- a/src/common/pages/Hotel/HotelSearch.js
+++ b/src/common/pages/Hotel/HotelSearch.js
@@ -102,7 +102,6 @@ export default class HotelSearch extends React.Component {
           </div>
 
           <div className="col s9 m9 l9">
-            <Row>
             <div style={{ marginBottom: '10px',display:'flex','justifyContent' :'space-between', marginLeft:20}}>
                 <FlatButton
                     className="headerMenu"
@@ -184,6 +183,7 @@ export default class HotelSearch extends React.Component {
             )}
             
             <Divider style={{ marginBottom: 20, marginTop: 20, marginLeft:20 }} />
+            <Row>
               <Card
                   style={{marginLeft:20,marginBottom:20}}
               >