import React, {Component, PropTypes} from 'react';
import {connect} from 'react-redux';

import injectF from './../../helpers/injectF';
import Heading from './../Heading/Heading';

const styles = require('./PageCrossFolderSearch.scss');

@connect(({}) => ({
}))
@injectF
export default class PageCrossFolderSearch extends Component {

  static propTypes = {
    f: PropTypes.func.isRequired
  };

  render() {
    const {f} = this.props;
    return (
      <div className={styles.pageCrossFolderSearch}>
        <Heading>{f('cross-folder-search')}</Heading>
      </div>
    );
  }
}

@@ -85,97 +85,382 @@
 x';%0A
-%0Aimport injectF from './../../helpers/injectF';%0Aimport Heading from './../Heading/Heading
+import FlatButton from 'material-ui/FlatButton';%0Aimport CloseIcon from 'material-ui/svg-icons/navigation/close';%0A%0Aimport injectF from './../../helpers/injectF';%0Aimport injectPush from './../../helpers/injectPush';%0Aimport Heading from './../Heading/Heading';%0Aimport TopBar from './../../components/TopBar/TopBar';%0Aimport SearchBar from './../../components/SearchBar/SearchBar
 ';%0A%0A
@@ -540,16 +540,28 @@
  (%7B%0A%7D))%0A
+@injectPush%0A
 @injectF
@@ -648,16 +648,53 @@
 pes = %7B%0A
+    push: PropTypes.func.isRequired,%0A
     f: P
@@ -730,45 +730,438 @@
 %0A%0A  
-render() %7B%0A    const %7Bf%7D = this.props
+constructor(props) %7B%0A    super(props);%0A    this.state = %7B%0A      searchKeyword: '',%0A      page: 1%0A    %7D;%0A  %7D%0A%0A  goToFoldersPage = () =%3E this.props.push('/');%0A%0A  handleClearSearchButtonTouchTap = () =%3E %7B%0A    this.setState(%7BsearchKeyword: ''%7D);%0A    this.refs.searchBar.getWrappedInstance().getWrappedInstance().clear();%0A  %7D;%0A%0A  render() %7B%0A    const %7BsearchKeyword%7D = this.state;%0A    const %7Bf%7D = this.props;%0A    const matchedCount = 0
 ;%0A  
@@ -1224,16 +1224,35 @@
 earch%7D%3E%0A
+        %3CTopBar%3E%0A  
         
@@ -1297,16 +1297,342 @@
 eading%3E%0A
+          %3CFlatButton icon=%7B%3CCloseIcon /%3E%7D onTouchTap=%7Bthis.goToFoldersPage%7D /%3E%0A        %3C/TopBar%3E%0A        %3CSearchBar ref=%22searchBar%22 onInputChange=%7Bthis.handleSearchInputChange%7D%0A          searchKeyword=%7BsearchKeyword%7D matchedCount=%7BmatchedCount%7D%0A          onClearFilterButtonTouchTap=%7Bthis.handleClearSearchButtonTouchTap%7D /%3E%0A
       %3C/

update container PageCrossFolderSearch