export default function NewsList()

in src/components/NewsList.js [6:23]

• 15 lines of code
• 3 McCabe index (conditional complexity)

export default function NewsList({items, defaultFilter, ...rest}) {
  const [filter, updateFilter] = useState(defaultFilter)
  const setFilter = value => updateFilter(filter === value ? null : value)

  const types = items.reduce((types, {type}) => {
    types.add(type)
    return types
  }, new Set())

  if (filter) {
    items = items.filter(item => item.type === filter)
  }

  return (
    <Box mt={[4, 0]} {...rest}>
      <Text fontSize={2} fontFamily="mono">
        <Flex flexWrap="wrap" mb={[8, 9]} flexDirection={['column', 'column', 'row', 'row']}>
          <FilterButton mb={[3, 3, 3, 0]} mr={5} onClick={() => setFilter(null)} selected={filter === null}>