diff options
| author | Joffrey BION <joffrey.bion@gmail.com> | 2018-06-09 16:23:49 +0200 |
|---|---|---|
| committer | Joffrey BION <joffrey.bion@gmail.com> | 2018-06-09 17:22:40 +0200 |
| commit | b064ffab80cfccd0cfaa326275a5a3194e112be6 (patch) | |
| tree | e136aeab7da5f52acbf65e1b1f36e41c2b4ab7a0 /frontend/src/components/game-browser/PlayerCount.jsx | |
| parent | Refresh dependencies (diff) | |
| download | seven-wonders-b064ffab80cfccd0cfaa326275a5a3194e112be6.tar.gz seven-wonders-b064ffab80cfccd0cfaa326275a5a3194e112be6.tar.bz2 seven-wonders-b064ffab80cfccd0cfaa326275a5a3194e112be6.zip | |
Improve game list's style
Diffstat (limited to 'frontend/src/components/game-browser/PlayerCount.jsx')
| -rw-r--r-- | frontend/src/components/game-browser/PlayerCount.jsx | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/frontend/src/components/game-browser/PlayerCount.jsx b/frontend/src/components/game-browser/PlayerCount.jsx new file mode 100644 index 00000000..ea2161a4 --- /dev/null +++ b/frontend/src/components/game-browser/PlayerCount.jsx @@ -0,0 +1,13 @@ +//@flow +import { Icon } from '@blueprintjs/core'; +import * as React from 'react'; +import './PlayerCount.css'; + +export type PlayerCountProps = { + nbPlayers: number, +} + +export const PlayerCount = ({nbPlayers}: PlayerCountProps) => <div title='Number of players'> + <Icon icon="people" title={false} /> + <span className='playerCount'> {nbPlayers}</span> +</div>; |