Push

pwa/src/components/GameHeader.tsx

@@ -7,6 +7,8 @@ import { useTranslation } from 'react-i18next'
 import LanguageSelector from './LanguageSelector'
 import './Game.css'
 
+import { GameTooltip } from './common/GameTooltip'
+
 interface GameHeaderProps {
   className?: string
 }
@@ -77,10 +79,12 @@ export default function GameHeader({ className = '' }: GameHeaderProps) {
       </nav>
       <div className="user-info">
         <LanguageSelector />
-        <div className="player-count-badge" title={t('game.onlineCount', { count: playerCount })}>
-          <span className="status-dot"></span>
-          <span className="count-text">{t('game.onlineCount', { count: playerCount })}</span>
-        </div>
+        <GameTooltip content={t('game.onlineCount', { count: playerCount })}>
+          <div className="player-count-badge">
+            <span className="status-dot"></span>
+            <span className="count-text">{t('game.onlineCount', { count: playerCount })}</span>
+          </div>
+        </GameTooltip>
         <button
           onClick={() => navigate(`/profile/${currentCharacter?.id}`)}
           className={`username-link ${isOnOwnProfile ? 'active' : ''}`}