import { enumKeys, VotingMachineProposalState } from 'utils'; import { ProposalsFilter } from './style'; const StatusSearch = ({ value, onFilter }) => { return ( <ProposalsFilter name="stateFilter" id="stateSelector" value={value} onChange={e => onFilter(e.target.value)} > <option value="Any Status">Any Status</option> {enumKeys(VotingMachineProposalState).map( i => i !== 'None' && ( <option key={i} value={VotingMachineProposalState[i]}> {i} </option> ) )} </ProposalsFilter> ); }; export default StatusSearch;