From e5823d140e4d9cacac4a66ffae328460d849b52f Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Wed, 24 Dec 2025 00:35:36 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=ED=94=8C=EB=A0=88=EC=9D=B4=EC=96=B4=20?=
 =?UTF-8?q?=ED=86=B5=EA=B3=84=20UI=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 현재 세션 플레이타임 항상 표시 (비접속 시 0분)
- 모드/리소스팩/쉐이더 ABC순 정렬
- 드래그앤드롭 시각적 피드백 개선
---
 frontend/src/pages/PlayerStatsPage.jsx | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/frontend/src/pages/PlayerStatsPage.jsx b/frontend/src/pages/PlayerStatsPage.jsx
index 1be1fdf..4bb6783 100644
--- a/frontend/src/pages/PlayerStatsPage.jsx
+++ b/frontend/src/pages/PlayerStatsPage.jsx
@@ -183,20 +183,18 @@ const PlayerStatsPage = ({ isMobile = false }) => {
                 </h2>
                 
                 <div className={`grid gap-4 ${isMobile ? 'grid-cols-1' : 'grid-cols-4'}`}>
-                  {/* 현재 세션 플레이타임 (접속 중일 때만) */}
-                  {playerDetail.isOnline && (
-                    <div className="glow-card rounded-xl p-5 border border-mc-green/30">
-                      <div className="text-gray-400 text-xs md:text-sm mb-2 font-medium flex items-center gap-2">
-                        <div className="p-1.5 rounded-md bg-mc-green/10">
-                          <Clock size={14} className="text-mc-green icon-glow" />
-                        </div>
-                        현재 세션 플레이타임
-                      </div>
-                      <div className="text-white font-bold text-2xl md:text-3xl text-gradient">
-                        {formatPlayTimeMs(playerDetail.currentSessionMs)}
+                  {/* 현재 세션 플레이타임 (항상 표시) */}
+                  <div className={`glow-card rounded-xl p-5 ${playerDetail.isOnline ? 'border border-mc-green/30' : ''}`}>
+                    <div className="text-gray-400 text-xs md:text-sm mb-2 font-medium flex items-center gap-2">
+                      <div className="p-1.5 rounded-md bg-mc-green/10">
+                        <Clock size={14} className="text-mc-green icon-glow" />
                       </div>
+                      현재 세션 플레이타임
                     </div>
-                  )}
+                    <div className={`font-bold text-2xl md:text-3xl ${playerDetail.isOnline ? 'text-white text-gradient' : 'text-zinc-500'}`}>
+                      {playerDetail.isOnline ? formatPlayTimeMs(playerDetail.currentSessionMs) : '0분'}
+                    </div>
+                  </div>
 
                   {/* 누적 플레이타임 */}
                   <div className="glow-card rounded-xl p-5">