mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-03-11 21:27:05 +00:00
SearchBar props renamed
This commit is contained in:
parent
2844775d19
commit
e76b2b4f75
3 changed files with 9 additions and 9 deletions
|
|
@ -6,15 +6,15 @@ const TextInput = require('stremio/common/TextInput');
|
||||||
const SearchBarPlaceholder = require('./SearchBarPlaceholder');
|
const SearchBarPlaceholder = require('./SearchBarPlaceholder');
|
||||||
const styles = require('./styles');
|
const styles = require('./styles');
|
||||||
|
|
||||||
const SearchBar = ({ className, title, search, searchInputOnChange }) => {
|
const SearchBar = ({ className, title, value, onChange }) => {
|
||||||
return (
|
return (
|
||||||
<label title={title} className={classnames(className, styles['search-bar-container'])}>
|
<label title={title} className={classnames(className, styles['search-bar-container'])}>
|
||||||
<TextInput
|
<TextInput
|
||||||
className={styles['search-input']}
|
className={styles['search-input']}
|
||||||
type={'text'}
|
type={'text'}
|
||||||
placeholder={title}
|
placeholder={title}
|
||||||
value={search}
|
value={value}
|
||||||
onChange={searchInputOnChange}
|
onChange={onChange}
|
||||||
/>
|
/>
|
||||||
<Icon className={styles['icon']} icon={'ic_search'} />
|
<Icon className={styles['icon']} icon={'ic_search'} />
|
||||||
</label>
|
</label>
|
||||||
|
|
@ -26,8 +26,8 @@ SearchBar.Placeholder = SearchBarPlaceholder;
|
||||||
SearchBar.propTypes = {
|
SearchBar.propTypes = {
|
||||||
className: PropTypes.string,
|
className: PropTypes.string,
|
||||||
title: PropTypes.string,
|
title: PropTypes.string,
|
||||||
search: PropTypes.string,
|
value: PropTypes.string,
|
||||||
searchInputOnChange: PropTypes.func
|
onChange: PropTypes.func
|
||||||
};
|
};
|
||||||
|
|
||||||
module.exports = SearchBar;
|
module.exports = SearchBar;
|
||||||
|
|
|
||||||
|
|
@ -106,8 +106,8 @@ const Addons = ({ urlParams, queryParams }) => {
|
||||||
<SearchBar
|
<SearchBar
|
||||||
className={styles['search-bar']}
|
className={styles['search-bar']}
|
||||||
title={'Search addons'}
|
title={'Search addons'}
|
||||||
search={search}
|
value={search}
|
||||||
searchInputOnChange={searchInputOnChange}
|
onChange={searchInputOnChange}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
{
|
{
|
||||||
|
|
|
||||||
|
|
@ -60,8 +60,8 @@ const VideosList = ({ className, metaResource }) => {
|
||||||
<SearchBar
|
<SearchBar
|
||||||
className={styles['search-bar']}
|
className={styles['search-bar']}
|
||||||
title={'Search videos'}
|
title={'Search videos'}
|
||||||
search={search}
|
value={search}
|
||||||
searchInputOnChange={searchInputOnChange}
|
onChange={searchInputOnChange}
|
||||||
/>
|
/>
|
||||||
<div className={styles['videos-container']}>
|
<div className={styles['videos-container']}>
|
||||||
{
|
{
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue