Sha256: 29c52d2ee4b6e7f66097d2ba0c966e59b407685795e9c01d8563af323f490244

Contents?: true

Size: 828 Bytes

Versions: 104

Compression:

Stored size: 828 Bytes

Contents

/* @flow */

import React from 'react'
import { Caption, TitleCount } from '../../'

const resultsText = (results: number): string => results == 1 ? 'Result' : 'Results'

type ResultsCountProps = {
  dark?: boolean,
  results?: ?number,
  title?: boolean,
}
const ResultsCount = ({ dark, results, title }: ResultsCountProps) => (
  <Choose>
    <When condition={results && title}>
      <TitleCount
          align="center"
          count={results}
          dark={dark}
          title={`${resultsText(results)}:`}
      />
    </When>
    <When condition={results}>
      <Caption
          className="filter-results"
          dark={dark}
          size="xs"
          text={`${results} ${resultsText(results)}`}
      />
    </When>
    <Otherwise>
      <div />
    </Otherwise>
  </Choose>
)

export default ResultsCount

Version data entries

104 entries across 104 versions & 1 rubygems

Version Path
playbook_ui-9.19.0 app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
playbook_ui-9.19.0.pre.alphafonts app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
playbook_ui-9.18.0.flow.bin.alpha app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
playbook_ui-9.18.0 app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
playbook_ui-9.17.0 app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
playbook_ui-9.17.0.pre.decouple.website2 app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
playbook_ui-9.16.0 app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
playbook_ui-9.15.0 app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
playbook_ui-9.15.0.pre.decouple.website1 app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
playbook_ui-9.14.1.alpha.radio.alignment app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
playbook_ui-9.14.1.alpha.highcharts9 app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
playbook_ui-9.14.1 app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
playbook_ui-9.13.0 app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
playbook_ui-9.12.0 app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
playbook_ui-9.12.0.pre.text.addon app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
playbook_ui-9.11.0 app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
playbook_ui-9.10.0 app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
playbook_ui-9.10.0.pre.date.time.stacked.1 app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
playbook_ui-9.10.0.pre.alpha2 app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
playbook_ui-9.10.0.pre.alpha1 app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx