]an

src/ui/Duel/PlayMat/Menu/index.tsx

@@ -17,6 +17,7 @@ import {
   Tooltip,
 } from "antd";
 import { cloneElement, useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
 import { useSnapshot } from "valtio";
 
 import {
@@ -69,6 +70,8 @@ export const Menu = () => {
     [],
   );
 
+  const navigate = useNavigate();
+
   useEffect(() => {
     const endResponse = [
       PhaseType.BATTLE_START,
@@ -149,7 +152,7 @@ export const Menu = () => {
 
   const globalDisable = !matStore.isMe(currentPlayer);
 
-  const onExit = () => {};
+  const onExit = () => navigate("/match");
 
   return (
     <div className={styles["menu-container"]}>
@@ -190,7 +193,11 @@ export const Menu = () => {
         <Button icon={<CloseCircleFilled />} type="text"></Button>
       </DropdownWithTitle>
       <Tooltip title="退出页面">
-        <Button icon={<LogoutOutlined />} type="text" onClick={onExit}></Button>
+        <Button
+          icon={<LogoutOutlined style={{ color: "red" }} />}
+          type="text"
+          onClick={onExit}
+        ></Button>
       </Tooltip>
     </div>
   );