update small

src/ui/Match/index.tsx

-import { EditFilled, SettingFilled } from "@ant-design/icons";
-import { Space } from "antd";
+import { PlayCircleOutlined, SettingFilled } from "@ant-design/icons";
+import { Button, Space } from "antd";
 import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { useSnapshot } from "valtio";
@@ -72,6 +72,12 @@ export const Component: React.FC = () => {
                 label: deck.deckName,
               }))}
             />
+            <Button
+              style={{ width: 150, fontSize: "14px" }}
+              onClick={() => navigate("/build")}
+            >
+              卡组编辑
+            </Button>
           </Space>
           <div className={styles["mode-select"]}>
             <Mode
@@ -114,10 +120,9 @@ export const Component: React.FC = () => {
               onClick={replayOpen}
             />
             <Mode
-              title="卡组编辑"
-              desc="创建和编辑卡组，在上万种卡片中选择，组建独一无二的构筑。"
-              icon={<EditFilled />}
-              onClick={() => navigate("/build")}
+              title="观战列表"
+              desc="观看MyCard上正在进行的决斗"
+              icon={<PlayCircleOutlined />}
             />
           </div>
         </div>

src/ui/WaitRoom/index.tsx

@@ -14,7 +14,7 @@ import {
 import socketMiddleWare, { socketCmd } from "@/middleware/socket";
 import PlayerState = ygopro.StocHsPlayerChange.State;
 import SelfType = ygopro.StocTypeChange.SelfType;
-import { Avatar, Button, ConfigProvider, Skeleton, Space } from "antd";
+import { Avatar, Button, Skeleton, Space } from "antd";
 import classNames from "classnames";
 import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
@@ -38,22 +38,6 @@ import { Mora, MoraPopover, Tp, TpPopover } from "./Popover";
 
 const NeosConfig = useConfig();
 
-const theme = {
-  components: {
-    Button: {
-      lineWidth: 0,
-      fontSizeLG: 14,
-      fontSize: 12,
-      colorBgContainer: "hsla(0, 0%, 100%, 0.05)",
-      colorPrimaryHover: "#ccc",
-      colorPrimaryActive: "#aaa",
-    },
-    Popover: {
-      colorBgElevated: "hsla(0, 0%, 100%, 0.1)",
-    },
-  },
-};
-
 export const Component: React.FC = () => {
   const { user } = useSnapshot(accountStore);
   const [collapsed, setCollapsed] = useState(false);
@@ -73,7 +57,6 @@ export const Component: React.FC = () => {
   }, [room.stage]);
 
   return (
-    <ConfigProvider theme={theme}>
     <div
       className={classNames(styles.container, {
         [styles.collapsed]: collapsed,
@@ -171,7 +154,6 @@ export const Component: React.FC = () => {
         </div>
       </div>
     </div>
-    </ConfigProvider>
   );
 };
 

src/ui/theme.ts

@@ -41,5 +41,16 @@ export const theme: ThemeConfig = {
     Layout: {
       colorBgBody: "transparent",
     },
+    Button: {
+      lineWidth: 0,
+      fontSizeLG: 14,
+      fontSize: 12,
+      colorBgContainer: "hsla(0, 0%, 100%, 0.05)",
+      colorPrimaryHover: "#ccc",
+      colorPrimaryActive: "#aaa",
+    },
+    Popover: {
+      colorBgElevated: "hsla(0, 0%, 100%, 0.1)",
+    },
   },
 };