optimize small

src/ui/Match/MatchModal.tsx

-import { Button, Input, Modal } from "antd";
+import { App, Button, Input, Modal } from "antd";
 import React, { ChangeEvent, useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { proxy, useSnapshot } from "valtio";
@@ -27,6 +27,7 @@ const defaultProps: Props = {
 export const matchStore = proxy<Props>(defaultProps);
 
 export const MatchModal: React.FC = ({}) => {
+  const { message } = App.useApp();
   const { open } = useSnapshot(matchStore);
   const { user } = useSnapshot(accountStore);
   const { joined, errorMsg } = useSnapshot(roomStore);
@@ -70,7 +71,7 @@ export const MatchModal: React.FC = ({}) => {
   useEffect(() => {
     // 出现错误
     if (errorMsg !== undefined && errorMsg !== "") {
-      alert(errorMsg);
+      message.error(errorMsg);
       setConfirmLoading(false);
       roomStore.errorMsg = undefined;
     }

src/ui/Match/index.tsx

@@ -4,7 +4,7 @@ import {
   PlayCircleOutlined,
   SettingFilled,
 } from "@ant-design/icons";
-import { Button, Space } from "antd";
+import { App, Button, Space } from "antd";
 import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { useSnapshot } from "valtio";
@@ -22,6 +22,7 @@ import { connectSrvpro } from "./util";
 const NeosConfig = useConfig();
 
 export const Component: React.FC = () => {
+  const { message } = App.useApp();
   const serverList = NeosConfig.servers;
   const [server, setServer] = useState(
     `${serverList[0].ip}:${serverList[0].port}`,
@@ -73,7 +74,7 @@ export const Component: React.FC = () => {
                 if (item) {
                   setDeck(item);
                 } else {
-                  alert(`Deck ${value} not found`);
+                  message.error(`Deck ${value} not found`);
                 }
               }}
               options={decks.map((deck) => ({
@@ -94,7 +95,7 @@ export const Component: React.FC = () => {
               title="竞技匹配"
               desc="与天梯其他数万名玩家激战，追求胜利登顶最强。每月最后一天晚上10点结算成绩，获取奖励与公布排名。"
               icon={<IconFont type="icon-battle" size={32} />}
-              onClick={() => alert("开发中，敬请期待")}
+              onClick={() => message.error("开发中，敬请期待")}
             />
             <Mode
               title="娱乐匹配"
@@ -165,7 +166,7 @@ export const Component: React.FC = () => {
               title="观战列表"
               desc="观看MyCard上正在进行的决斗"
               icon={<PlayCircleOutlined />}
-              onClick={() => alert("开发中，敬请期待")}
+              onClick={() => message.error("开发中，敬请期待")}
             />
           </div>
         </div>

src/ui/Side/index.tsx

@@ -24,8 +24,8 @@ export const Component: React.FC = () => {
         <Background />
         <DeckEditor
           deck={deck}
-          onClear={() => message.info("对局中清空卡组不怕找不回来吗?!")}
-          onSave={() => message.info("点击右下角按钮确认副卡组更换完毕")}
+          onClear={() => message.error("对局中清空卡组不怕找不回来吗?!")}
+          onSave={() => message.error("点击右下角按钮确认副卡组更换完毕")}
           onReset={async () => {
             editDeckStore.set(await iDeckToEditingDeck(deck));
           }}