add YesNoModal UI

src/reducers/duel/modalSlice.ts

@@ -299,3 +299,7 @@ export const selectCheckCardModalCancelAble = (state: RootState) =>
   state.duel.modalState.checkCardModal.cancelAble;
 export const selectCheckCardModalCacnelResponse = (state: RootState) =>
   state.duel.modalState.checkCardModal.cancelResponse;
+export const selectYesNoModalIsOpen = (state: RootState) =>
+  state.duel.modalState.yesNoModal.isOpen;
+export const selectYesNOModalMsg = (state: RootState) =>
+  state.duel.modalState.yesNoModal.msg;

src/ui/Duel/main.tsx

@@ -14,6 +14,7 @@ import Exclusion from "./exclusion";
 import Cemeteries from "./cemetery";
 import CardListModal from "./cardListModal";
 import CheckCardModal from "./checkCardModal";
+import YesNoModal from "./yesNoModal";
 
 // Ref: https://github.com/brianzinn/react-babylonjs/issues/126
 const NeosDuel = () => (
@@ -42,6 +43,7 @@ const NeosDuel = () => (
     <CardListModal />
     <HintNotification />
     <CheckCardModal />
+    <YesNoModal />
   </>
 );
 

src/ui/Duel/yesNoModal.tsx

+import React from "react";
+import { useAppSelector } from "../../hook";
+import { store } from "../../store";
+import { Modal, Button } from "antd";
+import { sendSelectEffectYnResponse } from "../../api/ocgcore/ocgHelper";
+import {
+  selectYesNoModalIsOpen,
+  selectYesNOModalMsg,
+} from "../../reducers/duel/modalSlice";
+import { setYesNoModalIsOpen } from "../../reducers/duel/mod";
+
+const YesNoModal = () => {
+  const dispatch = store.dispatch;
+  const isOpen = useAppSelector(selectYesNoModalIsOpen);
+  const msg = useAppSelector(selectYesNOModalMsg);
+
+  return (
+    <Modal
+      title={msg}
+      open={isOpen}
+      closable={false}
+      footer={
+        <>
+          <Button
+            onClick={() => {
+              sendSelectEffectYnResponse(true);
+              dispatch(setYesNoModalIsOpen(false));
+            }}
+          >
+            Yes
+          </Button>
+          <Button
+            onClick={() => {
+              sendSelectEffectYnResponse(false);
+              dispatch(setYesNoModalIsOpen(false));
+            }}
+          >
+            No
+          </Button>
+        </>
+      }
+    />
+  );
+};
+
+export default YesNoModal;