update Match.tsx and translations

src/ui/I18N/Source/Brazilian/translation.json

@@ -34,7 +34,7 @@
     "CustomRoomDesc": "Crie uma sala com regras personalizadas e desafie seus amigos.",
     "ReplayTitle": "Replay",
     "ReplayDesc": "Assista livremente aos duelos passados e reviva aqueles momentos emocionantes de reversão.",
-    "WIPTitle": "Em desenvolvimento...",
-    "WIPDesc": "Aguarde por outras funcionalidades."
+    "MdproDecksTitle": "Mdpro Baralho Online",
+    "MdproDecksDesc": "Veja outros jogadores ou carregue seu próprio deck."
   }
 }

src/ui/I18N/Source/Chinese/translation.json

@@ -34,7 +34,7 @@
     "CustomRoomDesc": "创建自定义规则的房间，与好友约战。",
     "ReplayTitle": "录像回放",
     "ReplayDesc": "自由查看进行过的决斗，回味那些精彩的逆转瞬间。",
-    "WIPTitle": "开发中...",
-    "WIPDesc": "其他功能敬请期待。"
+    "MdproDecksTitle": "Mdpro 在线卡组",
+    "MdproDecksDesc": "查看其他玩家或者上传自己的卡组构筑。"
   }
 }

src/ui/I18N/Source/English/translation.json

@@ -34,7 +34,7 @@
     "CustomRoomDesc": "Create a room with custom rules and challenge friends.",
     "ReplayTitle": "Replay",
     "ReplayDesc": "Freely watch past duels and relive those exciting moments of reversal.",
-    "WIPTitle": "Under development...",
-    "WIPDesc": "Stay tuned for other features."
+    "MdproDecksTitle": "Mdpro Online Deck",
+    "MdproDecksDesc": "View other players' decks or upload your own deck build."
   }
 }

src/ui/I18N/Source/French/translation.json

@@ -34,7 +34,7 @@
     "CustomRoomDesc": "Salle personnalisée",
     "ReplayTitle": "Replay",
     "ReplayDesc": "Regardez librement les duels passés et revivez ces moments passionnants de retournement.",
-    "WIPTitle": "En développement...",
-    "WIPDesc": "D'autres fonctionnalités à venir."
+    "MdproDecksTitle": "Mdpro Deck en Ligne",
+    "MdproDecksDesc": "Consultez les decks des autres joueurs ou téléchargez votre propre construction de deck."
   }
 }

src/ui/I18N/Source/Japanese/translation.json

@@ -34,7 +34,7 @@
     "CustomRoomDesc": "カスタムルールの部屋を作成し、友達と対戦しましょう。",
     "ReplayTitle": "リプレイ",
     "ReplayDesc": "過去のデュエルを自由に見て、それらのエキサイティングな逆転の瞬間を振り返りましょう。",
-    "WIPTitle": "開発中...",
-    "WIPDesc": "他の機能をお楽しみに。"
+    "MdproDecksTitle": "Mdpro オンラインデッキ",
+    "MdproDecksDesc": "他のプレイヤーのデッキを閲覧したり、自分のデッキをアップロードしたりする"
   }
 }

src/ui/I18N/Source/Portuguese/translation.json

@@ -34,7 +34,7 @@
     "CustomRoomDesc": "Crie uma sala com regras personalizadas e desafie seus amigos.",
     "ReplayTitle": "Repetição",
     "ReplayDesc": "Assiste livremente aos duelos passados e revive aqueles momentos emocionantes de reversão.",
-    "WIPTitle": "Em desenvolvimento...",
-    "WIPDesc": "Aguarde por outras funcionalidades."
+    "MdproDecksTitle": "Baralho Online Mdpro",
+    "MdproDecksDesc": "Ver os decks de outros jogadores ou enviar o seu próprio deck."
   }
 }

src/ui/I18N/Source/Spanish/translation.json

@@ -34,7 +34,7 @@
     "CustomRoomDesc": "Crea una sala con reglas personalizadas y desafía a tus amigos.",
     "ReplayTitle": "Repetición",
     "ReplayDesc": "Mira libremente duelos pasados y revive esos emocionantes momentos de reversión.",
-    "WIPTitle": "En desarrollo...",
-    "WIPDesc": "Espere por otras funciones."
+    "MdproDecksTitle": "Baraja en línea de Mdpro",
+    "MdproDecksDesc": "Ver las barajas de otros jugadores o subir tus propias construcciones de barajas."
   }
 }

src/ui/Match/index.tsx

@@ -16,7 +16,6 @@ import {
   getJoinRoomPasswd,
   getPrivateRoomID,
   match,
-  pullDecks,
 } from "@/api";
 import { useConfig } from "@/config";
 import { AudioActionType, changeScene } from "@/infra/audio";
@@ -221,6 +220,9 @@ export const Component: React.FC = () => {
     }
   }, [joined]);
 
+  // Mdpro 在线卡组
+  const onMdproOnlineDecks = () => navigate(`/mdpro/decks`);
+
   return (
     <>
       <Background />
@@ -317,13 +319,10 @@ export const Component: React.FC = () => {
               onClick={replayOpen}
             />
             <Mode
-              title={i18n("WIPTitle")}
-              desc={i18n("WIPDesc")}
+              title={i18n("MdproDeckstitle")}
+              desc={i18n("MdproDecksDesc")}
               icon={null}
-              onClick={async () => {
-                const mdproDecks = await pullDecks();
-                console.log(mdproDecks);
-              }}
+              onClick={onMdproOnlineDecks}
             />
           </div>
         </div>

src/ui/MdproDeck/index.tsx

+import React from "react";
+
+import { Background } from "../Shared";
+
+export const Component: React.FC = () => (
+  <div>
+    <Background />
+  </div>
+);

src/ui/NeosRouter.tsx

@@ -32,6 +32,10 @@ const router = createBrowserRouter([
         path: "/side",
         lazy: () => import("./Side"),
       },
+      {
+        path: "/mdpro/decks",
+        lazy: () => import("./MdproDeck"),
+      },
     ],
   },
 ]);