search change

src/common/pages/Hotel/HotelSearch.js

@@ -1,15 +1,17 @@
 import React from 'react';
 import {inject, observer} from 'mobx-react';
 import {
-  RaisedButton
+    FlatButton
 } from 'material-ui';
-import { Affix, Card, Slider, Select, Row, Col, Icon, Tag,Rate, Button, Checkbox  } from 'antd';
+import { Affix, Card, Slider, Select, Row, Col, Icon, Tag,Rate, Button, Checkbox ,Divider } from 'antd';
 import {startCase} from 'lodash';
 import LoadingDialog from "../LoadingDialog";
 import Loader from 'react-loader-advanced';
 import './style.scss';
 import {DIALOG} from "../../stores/global_ui";
 import EmptyComponent from '../EmptyComponent';
+import NavigationArrowBack from 'material-ui/svg-icons/navigation/arrow-back';
+import Search from 'material-ui/svg-icons/action/search';
 
 @inject('appstate')
 @observer
@@ -21,6 +23,7 @@ export default class HotelSearch extends React.Component {
       value: 1,
       valueMinimal: 0,
       valueMaximal: 0,
+      changeSearch:false,
     };
     this.defaultState = Object.assign({}, this.state);
     this.http = props.appstate.http;
@@ -48,6 +51,18 @@ export default class HotelSearch extends React.Component {
     console.log('focus');
   }
 
+  handleChangeSearch = () => {
+    this.setState({
+        changeSearch : true
+    })
+  }
+
+  handleChangeSearchFalse = () => {
+    this.setState({
+        changeSearch : false
+    })
+  }
+
   
 
   render() {
@@ -88,6 +103,29 @@ export default class HotelSearch extends React.Component {
 
           <div className="col s9 m9 l9">
             <Row>
+            <div style={{ marginBottom: '10px',display:'flex','justifyContent' :'space-between'}}>
+                <FlatButton
+                    className="headerMenu"
+                    hoverColor="#f1f5f9"
+                    style={{ background: '#ffffff00' }}
+                    onClick={() => this.props.history.goBack()}
+                    label="Back"
+                    primary={true}
+                    icon={<NavigationArrowBack />}
+                />
+                <Button onClick={this.state.changeSearch == false ? this.handleChangeSearch : this.handleChangeSearchFalse} icon="search">Ganti Pencarian</Button>
+            </div>
+            {(this.state.changeSearch == true) ? (
+                <Row>
+                    <div>
+                        ini form search
+                    </div>
+                </Row>
+            ) : (
+                <div />
+            )}
+            
+            <Divider style={{ marginBottom: 20, marginTop: 15 }} />
               <Card
                   style={{marginLeft:20,marginBottom:20}}
               >

src/common/pages/Hotel/index.js

@@ -40,26 +40,11 @@ import './style.scss';
 
 @inject('appstate')
 @observer
-export default class CheckSchedule extends React.Component {
+export default class HotelComponent extends React.Component {
   constructor(props) {
     super(props);
     this.props = props;
     this.state = {
-      maskapai: "",
-      returnDateDisabled: true,
-      depatureAirport: '',
-      destinationAirport: '',
-      adult: 1,
-      children: 0,
-      baby: 0,
-      value: 0,
-      searchTimeoutId: false,
-      errorMessageDialog: false,
-      errorMessage: "",
-      errorDepature: "",
-      errorDestination: "",
-      searchTextArrival: '',
-      searchTextDeparture: ''
     };
     this.defaultState = Object.assign({}, this.state);
     this.http = props.appstate.http;
@@ -155,13 +140,6 @@ export default class CheckSchedule extends React.Component {
                     </Select>
                   </div>
                 </div>
-                <div className="row" style={{marginBottom: (window.innerWidth < 600) ? 0 : 15}}>
-
-                  <div className="col s12 l6">
-
-
-                  </div>
-                </div>
 
                 <div className="row">
                   <div className="col s0 l10"></div>
@@ -170,15 +148,6 @@ export default class CheckSchedule extends React.Component {
                         this.props.history.push(LINKS.HOTEL_SEARCH);
                         console.log('hotel');
                       }} icon="search">Search</Button>
-                    {/* <RaisedButton
-                      onClick={() => {
-                        this.props.history.push(LINKS.HOTEL_SEARCH);
-                        console.log('hotel');
-                      }}
-                      label="Find Schedule"
-                      primary={true}
-                      fullWidth={(window.innerWidth < 600) ? true : false}
-                      icon={<FontIcon className="material-icons">search</FontIcon>}/> */}
                   </div>
                 </div>