add CustomRoomContent

src/ui/Match/CustomRoomContent/index.module.scss

+.container {
+  display: flex;
+  flex-direction: column;
+  font: var(--theme-font);
+  font-size: 1rem;
+}
+
+.footer {
+  text-align: right;
+  gap: 1rem;
+}

src/ui/Match/CustomRoomContent/index.tsx

+import { Button } from "antd";
+import React from "react";
+
+import styles from "./index.module.scss";
+
+export const CustomRoomContent: React.FC = () => {
+  return (
+    <div className={styles.container}>
+      <p>创建/加入私密房间</p>
+    </div>
+  );
+};
+
+export const CustomRoomFooter: React.FC = () => {
+  return (
+    <div className={styles.footer}>
+      <Button>创建私密房间</Button>
+      <Button>加入私密房间</Button>
+    </div>
+  );
+};

src/ui/Match/index.tsx

@@ -15,6 +15,7 @@ import { useConfig } from "@/config";
 import { accountStore, deckStore, resetUniverse, roomStore } from "@/stores";
 import { Background, IconFont, Select } from "@/ui/Shared";
 
+import { CustomRoomContent, CustomRoomFooter } from "./CustomRoomContent";
 import styles from "./index.module.scss";
 import { MatchModal, matchStore } from "./MatchModal";
 import { ReplayModal, replayOpen } from "./ReplayModal";
@@ -71,7 +72,19 @@ export const Component: React.FC = () => {
   const onEntertainMatch = async () => await onMatch("entertain");
 
   // MC自定义房间
-  const onMCCustomRoom = () => {};
+  const onMCCustomRoom = () => {
+    if (!user) {
+      message.error("请先登录萌卡账号");
+    } else {
+      modal.info({
+        icon: null,
+        centered: true,
+        maskClosable: true,
+        content: <CustomRoomContent />,
+        footer: <CustomRoomFooter />,
+      });
+    }
+  };
 
   // MC观战
   const onMCWatch = () => {