parent
6705b59b23
commit
d263ff9a6b
@ -0,0 +1,47 @@
|
|||||||
|
import PropTypes from 'prop-types';
|
||||||
|
import React, { Component } from 'react';
|
||||||
|
import MenuItem from './MenuItem';
|
||||||
|
|
||||||
|
class SearchMenuItem extends Component {
|
||||||
|
|
||||||
|
//
|
||||||
|
// Listeners
|
||||||
|
|
||||||
|
onPress = () => {
|
||||||
|
const {
|
||||||
|
name,
|
||||||
|
onPress
|
||||||
|
} = this.props;
|
||||||
|
|
||||||
|
onPress(name);
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
// Render
|
||||||
|
|
||||||
|
render() {
|
||||||
|
const {
|
||||||
|
children,
|
||||||
|
...otherProps
|
||||||
|
} = this.props;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<MenuItem
|
||||||
|
{...otherProps}
|
||||||
|
onPress={this.onPress}
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
{children}
|
||||||
|
</div>
|
||||||
|
</MenuItem>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
SearchMenuItem.propTypes = {
|
||||||
|
name: PropTypes.string,
|
||||||
|
children: PropTypes.node.isRequired,
|
||||||
|
onPress: PropTypes.func.isRequired
|
||||||
|
};
|
||||||
|
|
||||||
|
export default SearchMenuItem;
|
@ -0,0 +1,52 @@
|
|||||||
|
import PropTypes from 'prop-types';
|
||||||
|
import React, { Component } from 'react';
|
||||||
|
import { align, icons } from 'Helpers/Props';
|
||||||
|
import Menu from 'Components/Menu/Menu';
|
||||||
|
import MenuContent from 'Components/Menu/MenuContent';
|
||||||
|
import ToolbarMenuButton from 'Components/Menu/ToolbarMenuButton';
|
||||||
|
import SearchMenuItem from 'Components/Menu/SearchMenuItem';
|
||||||
|
|
||||||
|
class MovieIndexSearchMenu extends Component {
|
||||||
|
|
||||||
|
render() {
|
||||||
|
const {
|
||||||
|
isDisabled,
|
||||||
|
onSearchPress
|
||||||
|
} = this.props;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Menu
|
||||||
|
isDisabled={isDisabled}
|
||||||
|
alignMenu={align.RIGHT}
|
||||||
|
>
|
||||||
|
<ToolbarMenuButton
|
||||||
|
iconName={icons.SEARCH}
|
||||||
|
text="Search"
|
||||||
|
isDisabled={isDisabled}
|
||||||
|
/>
|
||||||
|
<MenuContent>
|
||||||
|
<SearchMenuItem
|
||||||
|
name="missingMoviesSearch"
|
||||||
|
onPress={onSearchPress}
|
||||||
|
>
|
||||||
|
Search Missing
|
||||||
|
</SearchMenuItem>
|
||||||
|
|
||||||
|
<SearchMenuItem
|
||||||
|
name="cutoffUnmetMoviesSearch"
|
||||||
|
onPress={onSearchPress}
|
||||||
|
>
|
||||||
|
Search Cutoff Unmet
|
||||||
|
</SearchMenuItem>
|
||||||
|
</MenuContent>
|
||||||
|
</Menu>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
MovieIndexSearchMenu.propTypes = {
|
||||||
|
isDisabled: PropTypes.bool.isRequired,
|
||||||
|
onSearchPress: PropTypes.func.isRequired
|
||||||
|
};
|
||||||
|
|
||||||
|
export default MovieIndexSearchMenu;
|
Loading…
Reference in new issue