From b87586edd036006eca0d6e046efd7c6c0e8e3c3a Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Wed, 24 Dec 2025 16:50:36 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=EC=84=9C=EB=B2=84=20=EC=83=81?=
 =?UTF-8?q?=ED=83=9C=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=AA=A8=EB=93=9C=20?=
 =?UTF-8?q?=EB=AA=A9=EB=A1=9D=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 적용된 모드 목록 알파벳순 정렬
- 모드 목록에서 불필요한 Tooltip 제거
---
 frontend/src/pages/ServerDetail.jsx | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/frontend/src/pages/ServerDetail.jsx b/frontend/src/pages/ServerDetail.jsx
index d2a7786..388e7c1 100644
--- a/frontend/src/pages/ServerDetail.jsx
+++ b/frontend/src/pages/ServerDetail.jsx
@@ -431,11 +431,9 @@ const ServerDetail = ({ isMobile = false }) => {
                       <div className="px-5 pb-5 md:px-6 md:pb-6 border-t border-white/5">
                         <div className="max-h-60 overflow-y-auto custom-scrollbar pt-4 pr-3">
                           <ul className="grid grid-cols-1 md:grid-cols-2 gap-2">
-                            {server.mods.map((mod, index) => (
+                            {[...server.mods].sort((a, b) => a.id.localeCompare(b.id)).map((mod, index) => (
                               <li key={index} className="text-sm flex items-center justify-between p-3 bg-black/20 rounded-lg hover:bg-black/30 transition-colors">
-                                <Tooltip content={mod.id}>
-                                  <span className="truncate font-medium text-gray-300">{mod.id}</span>
-                                </Tooltip>
+                                <span className="truncate font-medium text-gray-300">{mod.id}</span>
                                 <span className="text-xs text-gray-500 font-mono ml-2 px-2 py-0.5 bg-white/5 rounded">{mod.version}</span>
                               </li>
                             ))}
@@ -457,11 +455,9 @@ const ServerDetail = ({ isMobile = false }) => {
                           <div className="px-5 pb-5 md:px-6 md:pb-6 border-t border-white/5">
                             <div className="max-h-60 overflow-y-auto custom-scrollbar pt-4 pr-3">
                               <ul className="grid grid-cols-1 md:grid-cols-2 gap-2">
-                                {server.mods.map((mod, index) => (
+                                {[...server.mods].sort((a, b) => a.id.localeCompare(b.id)).map((mod, index) => (
                                   <li key={index} className="text-sm flex items-center justify-between p-3 bg-black/20 rounded-lg hover:bg-black/30 transition-colors">
-                                    <Tooltip content={mod.id}>
-                                      <span className="truncate font-medium text-gray-300">{mod.id}</span>
-                                    </Tooltip>
+                                    <span className="truncate font-medium text-gray-300">{mod.id}</span>
                                     <span className="text-xs text-gray-500 font-mono ml-2 px-2 py-0.5 bg-white/5 rounded">{mod.version}</span>
                                   </li>
                                 ))}