Changeset View
Changeset View
Standalone View
Standalone View
web/calendar/filter-panel.react.js
| // @flow | // @flow | ||||
| import { | import { | ||||
| faCog, | faCog, | ||||
| faTimesCircle, | faTimesCircle, | ||||
| faChevronUp, | faChevronUp, | ||||
| faChevronDown, | faChevronDown, | ||||
| } from '@fortawesome/free-solid-svg-icons'; | } from '@fortawesome/free-solid-svg-icons'; | ||||
| import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; | ||||
| import classNames from 'classnames'; | import classNames from 'classnames'; | ||||
| import * as React from 'react'; | import * as React from 'react'; | ||||
| import { ChevronsLeft } from 'react-feather'; | |||||
| import { useDispatch } from 'react-redux'; | import { useDispatch } from 'react-redux'; | ||||
| import Switch from 'react-switch'; | import Switch from 'react-switch'; | ||||
| import { | import { | ||||
| useModalContext, | useModalContext, | ||||
| type PushModal, | type PushModal, | ||||
| } from 'lib/components/modal-provider.react.js'; | } from 'lib/components/modal-provider.react.js'; | ||||
| import { | import { | ||||
| ▲ Show 20 Lines • Show All 119 Lines • ▼ Show 20 Lines | return ( | ||||
| <input | <input | ||||
| type="text" | type="text" | ||||
| placeholder="Search" | placeholder="Search" | ||||
| value={this.state.query} | value={this.state.query} | ||||
| onChange={this.onChangeQuery} | onChange={this.onChangeQuery} | ||||
| /> | /> | ||||
| {clearQueryButton} | {clearQueryButton} | ||||
| </div> | </div> | ||||
| <ChevronsLeft className={css.collapseButton} size={30} /> | |||||
| </div> | </div> | ||||
| <div className={css.filters}>{filters}</div> | <div className={css.filters}>{filters}</div> | ||||
| <div className={css.extras}> | <div className={css.extras}> | ||||
| <label htmlFor="include-deleted-switch"> | <label htmlFor="include-deleted-switch"> | ||||
| <Switch | <Switch | ||||
| checked={this.props.includeDeleted} | checked={this.props.includeDeleted} | ||||
| onChange={this.onChangeIncludeDeleted} | onChange={this.onChangeIncludeDeleted} | ||||
| checkedIcon={false} | checkedIcon={false} | ||||
| ▲ Show 20 Lines • Show All 259 Lines • Show Last 20 Lines | |||||