新增顯示房間名稱&調整房主名稱位置

Game-as-a-Service · Oct 12, 2023 · d9f042c · d9f042c
1 parent 576af68
commit d9f042c
Show file tree

Hide file tree

Showing 5 changed files with 11,133 additions and 6,658 deletions.
diff --git a/packages/frontend/js/components/RoomList.jsx b/packages/frontend/js/components/RoomList.jsx
@@ -58,10 +58,13 @@ const RoomList = () => {
         {loading && <div>loading ...</div>}
         {dataSource?.map((room, index) => (
           <div className='list__card' key={index}>
-            <div className='avatar'></div>
             <div className='host'>
-              <div className='title'>房主</div>
-              <div className='detail'>{room.holderName}</div>
+              <div className='avatar'></div>
+              <div className='name'>{room.holderName}</div>
+            </div>
+            <div className='room-name'>
+              <div className='title'>房間名稱</div>
+              <div className='detail'>{room.gameName}</div>
             </div>
             <div className='players'>
               <div className='title'>人數</div>