Sha256: 0ab2beef5006f69d3f58474f7861d571d0c5612707ea90780a0904ffd475e119
Contents?: true
Size: 1.57 KB
Versions: 15
Compression:
Stored size: 1.57 KB
Contents
/* @flow */
import React from 'react'
import { isEmpty, map, omitBy } from 'lodash'
import { Caption, Title } from '../../'
export type FilterDescription = {
[key: string]: ?string | boolean,
}
export type CurrentFiltersProps = {
dark: boolean,
filters: FilterDescription,
}
const hiddenFilters = (value) => isEmpty(value) && value !== true
const CurrentFilters = ({ dark, filters }: CurrentFiltersProps) => {
const displayableFilters = omitBy(filters, hiddenFilters)
return (
<div className="maskContainer">
<If condition={!isEmpty(filters)}>
<div className="filters">
<div className="left_gradient" />
{map(displayableFilters, (value, name) => (
<div
className="filter"
key={`filter-${name}`}
>
<Choose>
<When condition={value === true}>
<Title
dark={dark}
size={4}
tag="h4"
text={name}
/>
</When>
<Otherwise>
<Caption
dark={dark}
text={name}
/>
<Title
dark={dark}
size={4}
tag="h4"
text={value}
/>
</Otherwise>
</Choose>
</div>
))}
<div className="right_gradient" />
</div>
</If>
</div>
)
}
export default CurrentFilters
Version data entries
15 entries across 15 versions & 1 rubygems