rerange code

src/ui/Match/MatchModal.tsx → src/ui/Match/MatchModal/index.tsx

@@ -7,8 +7,8 @@ import { useConfig } from "@/config";
 import { accountStore, roomStore } from "@/stores";
 import { Select } from "@/ui/Shared";
 
-import styles from "./MatchModal.module.scss";
-import { connectSrvpro } from "./util";
+import { connectSrvpro } from "../util";
+import styles from "./index.module.scss";
 
 const NeosConfig = useConfig();
 const serverConfig = NeosConfig.servers;

src/ui/Match/ReplayModal.tsx → src/ui/Match/ReplayModal/index.tsx

@@ -5,8 +5,8 @@ import { proxy, useSnapshot } from "valtio";
 
 import { replayStore } from "@/stores";
 
-import { Uploader } from "../Shared";
-import { connectSrvpro } from "./util";
+import { Uploader } from "../../Shared";
+import { connectSrvpro } from "../util";
 
 const localStore = proxy({
   open: false,

src/ui/Match/WatchContent.tsx → src/ui/Match/WatchContent/index.tsx

@@ -8,8 +8,8 @@ import { proxy, useSnapshot } from "valtio";
 import { getUserInfo, Room } from "@/api";
 import { useConfig } from "@/config";
 
-import { ScrollableArea } from "../Shared";
-import styles from "./WatchContent.module.scss";
+import { ScrollableArea } from "../../Shared";
+import styles from "./index.module.scss";
 
 const { athleticWatchUrl } = useConfig();
 

src/ui/Match/index.module.scss

@@ -16,7 +16,7 @@
 
 .mode-select {
   display: grid;
-  grid-template-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(4, 1fr);
   grid-template-rows: repeat(2, 1fr); /* 自动调整行高 */
   width: 55rem;
   // height: 33rem;

src/ui/Match/index.tsx

 import {
+  BulbOutlined,
   EditOutlined,
   LoadingOutlined,
   PlayCircleFilled,
@@ -69,6 +70,9 @@ export const Component: React.FC = () => {
   // 娱乐匹配
   const onEntertainMatch = async () => await onMatch("entertain");
 
+  // MC自定义房间
+  const onMCCustomRoom = () => {};
+
   // MC观战
   const onMCWatch = () => {
     if (!user) {
@@ -196,6 +200,12 @@ export const Component: React.FC = () => {
               }
               onClick={onEntertainMatch}
             />
+            <Mode
+              title="MC服自定义房间"
+              desc="在MC服务器上创建或者加入自定义房间，与牌友约战。"
+              icon={<BulbOutlined />}
+              onClick={onMCCustomRoom}
+            />
             <Mode
               title="MC观战列表"
               desc="观看萌卡MyCard上正在进行的决斗。"