Sha256: 2a90136c33d54fc58782e0dbfd514caf4432a2a78c78d8634a5164a7286d342a
Contents?: true
Size: 1.5 KB
Versions: 142
Compression:
Stored size: 1.5 KB
Contents
/* @flow */ import React from 'react' import { Caption, Flex, SectionSeparator } from '../../' import CurrentFilters, { FilterDescription } from './CurrentFilters' import FilterBackground, { FilterBackgroundProps } from './FilterBackground' import FiltersPopover from './FiltersPopover' import ResultsCount from './ResultsCount' import SortMenu, { SortingChangeCallback, SortOptions, SortValue } from './SortMenu' export type FilterDoubleProps = { children: Node, filters?: FilterDescription, onSortChange: SortingChangeCallback, results?: number, sortOptions: SortOptions, sortValue?: SortValue, } & FilterBackgroundProps const FilterDouble = ({ onSortChange, sortOptions, sortValue, filters, results, children, ...bgProps }: FilterDoubleProps) => ( <FilterBackground {...bgProps}> <Flex orientation="row" vertical="center" > <FiltersPopover> {children} </FiltersPopover> <CurrentFilters filters={filters} /> </Flex> <SectionSeparator /> <Flex className="filter-bottom" orientation="row" spacing="between" vertical="center" > <ResultsCount results={results} title /> <Flex orientation="row" vertical="center" > <Caption text="sort by:" /> <SortMenu onChange={onSortChange} options={sortOptions} value={sortValue} /> </Flex> </Flex> </FilterBackground> ) export default FilterDouble
Version data entries
142 entries across 142 versions & 1 rubygems