update

src/ui/Duel/yesNoModal.tsx

-import React from "react";
+import React, { useRef } from "react";
 import { useAppSelector } from "../../hook";
 import { store } from "../../store";
-import { Modal, Button } from "antd";
+import { Button } from "antd";
 import { sendSelectEffectYnResponse } from "../../api/ocgcore/ocgHelper";
 import {
   selectYesNoModalIsOpen,
   selectYesNOModalMsg,
 } from "../../reducers/duel/modal/mod";
 import { setYesNoModalIsOpen } from "../../reducers/duel/mod";
+import DragModal from "./dragModal";
 
 const YesNoModal = () => {
   const dispatch = store.dispatch;
   const isOpen = useAppSelector(selectYesNoModalIsOpen);
   const msg = useAppSelector(selectYesNOModalMsg);
+  // Draggable 相关
+  const draggleRef = useRef<HTMLDivElement>(null);
 
   return (
-    <Modal
-      title={msg}
-      open={isOpen}
-      closable={false}
-      footer={
+    <DragModal
+      modalProps={{
+        title: msg,
+        open: isOpen,
+        closable: false,
+        footer: (
           <>
             <Button
               onClick={() => {
@@ -38,7 +42,10 @@ const YesNoModal = () => {
               No
             </Button>
           </>
-      }
+        ),
+      }}
+      dragRef={draggleRef}
+      draggable={true}
     />
   );
 };