summaryrefslogtreecommitdiff
path: root/sw-ui/src/components/game-browser/PlayerCount.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'sw-ui/src/components/game-browser/PlayerCount.tsx')
-rw-r--r--sw-ui/src/components/game-browser/PlayerCount.tsx12
1 files changed, 12 insertions, 0 deletions
diff --git a/sw-ui/src/components/game-browser/PlayerCount.tsx b/sw-ui/src/components/game-browser/PlayerCount.tsx
new file mode 100644
index 00000000..64028f68
--- /dev/null
+++ b/sw-ui/src/components/game-browser/PlayerCount.tsx
@@ -0,0 +1,12 @@
+import { Icon } from '@blueprintjs/core';
+import * as React from 'react';
+import './PlayerCount.css';
+
+type PlayerCountProps = {
+ nbPlayers: number,
+}
+
+export const PlayerCount = ({nbPlayers}: PlayerCountProps) => <div title='Number of players'>
+ <Icon className="playerCountIcon" icon="people" title={false} />
+ <span className="playerCount"> {nbPlayers}</span>
+</div>;
bgstack15