From 8cac0638070c0b09f8da527d03618c374f3095d8 Mon Sep 17 00:00:00 2001
From: Joffrey Bion <joffrey.bion@amadeus.com>
Date: Tue, 12 Jun 2018 11:02:33 +0200
Subject: Add title for player placeholders

---
 frontend/src/components/lobby/RadialPlayerList.jsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

(limited to 'frontend/src/components/lobby')

diff --git a/frontend/src/components/lobby/RadialPlayerList.jsx b/frontend/src/components/lobby/RadialPlayerList.jsx
index 911c0d91..8345b48c 100644
--- a/frontend/src/components/lobby/RadialPlayerList.jsx
+++ b/frontend/src/components/lobby/RadialPlayerList.jsx
@@ -15,21 +15,20 @@ type RadialPlayerListProps = {
 
 const PlayerItem = ({player, isOwner, isUser}) => (
   <Flex column align='center'>
-    <UserIcon isOwner={isOwner} isUser={isUser}/>
+    <UserIcon isOwner={isOwner} isUser={isUser} title={isOwner ? 'Game owner' : false}/>
     <h5 style={{margin: 0}}>{player.displayName}</h5>
   </Flex>
 );
 
 const PlayerPlaceholder = () => (
   <Flex column align='center' style={{opacity: 0.3}}>
-    <UserIcon isOwner={false} isUser={false}/>
+    <UserIcon isOwner={false} isUser={false} title='Waiting for player...'/>
     <h5 style={{margin: 0}}>?</h5>
   </Flex>
 );
 
-const UserIcon = ({isUser, isOwner}) => {
+const UserIcon = ({isUser, isOwner, title}) => {
   const icon = isOwner ? 'badge' : 'user';
-  const title = isOwner ? 'Game owner' : false;
   const intent = isUser ? 'warning' : 'none';
   return <Icon icon={icon} iconSize={50} intent={intent} title={title}/>;
 };
-- 
cgit