31 lines
593 B
JavaScript
31 lines
593 B
JavaScript
|
import React from 'react';
|
||
|
|
import PropTypes from 'prop-types';
|
||
|
|
|
||
|
|
import Header from './Header';
|
||
|
|
|
||
|
|
const ShareListHeader = React.memo(({
|
||
|
|
searching, initSearch, cancelSearch, search
|
||
|
|
}) => {
|
||
|
|
const onSearchChangeText = (text) => {
|
||
|
|
search(text.trim());
|
||
|
|
};
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Header
|
||
|
|
searching={searching}
|
||
|
|
initSearch={initSearch}
|
||
|
|
cancelSearch={cancelSearch}
|
||
|
|
onChangeSearchText={onSearchChangeText}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
ShareListHeader.propTypes = {
|
||
|
|
searching: PropTypes.bool,
|
||
|
|
initSearch: PropTypes.func,
|
||
|
|
cancelSearch: PropTypes.func,
|
||
|
|
search: PropTypes.func
|
||
|
|
};
|
||
|
|
|
||
|
|
export default ShareListHeader;
|