optimize card modal effect button

src/service/duel/selectOption.ts

@@ -3,7 +3,6 @@ import MsgSelectOption = ygopro.StocGameMessage.MsgSelectOption;
 import { messageStore } from "@/stores";
 
 export default async (selectOption: MsgSelectOption) => {
-  const player = selectOption.player;
   const options = selectOption.options;
 
   await Promise.all(

src/stores/messageStore/types.ts

@@ -18,7 +18,7 @@ export interface ModalState {
   cardModal: {
     isOpen: boolean;
     meta?: CardMeta;
-    interactivies: { desc: string; response: number }[];
+    interactivies: { desc: string; response: number; effectCode?: number }[];
     counters: { [type: number]: number };
   };
   // 卡牌列表弹窗

src/ui/Duel/Message/CardModal.tsx

@@ -4,7 +4,7 @@ import classnames from "classnames";
 import React from "react";
 import { useSnapshot } from "valtio";
 
-import { fetchStrings, sendSelectIdleCmdResponse } from "@/api";
+import { fetchStrings, getCardStr, sendSelectIdleCmdResponse } from "@/api";
 import { useConfig } from "@/config";
 import {
   clearAllIdleInteractivities as clearAllIdleInteractivities,
@@ -40,7 +40,12 @@ export const CardModal = () => {
   const imgUrl = meta?.id
     ? `${NeosConfig.cardImgUrl}/${meta.id}.jpg`
     : undefined;
-  const interactivies = snap.interactivies;
+  const nonEffectInteractivies = snap.interactivies.filter(
+    (item) => item.desc != "发动效果"
+  );
+  const effectInteractivies = snap.interactivies.filter(
+    (item) => item.desc == "发动效果"
+  );
 
   return (
     <div
@@ -63,7 +68,7 @@ export const CardModal = () => {
         <AtkLine atk={atk} def={def} />
         <CounterLine counters={counters} />
         <div className="card-modal-effect">{desc}</div>
-        {interactivies.map((interactive, idx) => {
+        {nonEffectInteractivies.map((interactive, idx) => {
           return (
             <button
               key={idx}
@@ -79,6 +84,29 @@ export const CardModal = () => {
             </button>
           );
         })}
+        {effectInteractivies.length > 0 ? (
+          <button
+            className="card-modal-btn"
+            onClick={() => {
+              for (const effect of effectInteractivies) {
+                const effectMsg =
+                  meta && effect.effectCode
+                    ? getCardStr(meta, effect.effectCode & 0xf) ?? "[:?]"
+                    : "[:?]";
+                messageStore.optionModal.options.push({
+                  msg: effectMsg,
+                  response: effect.response,
+                });
+              }
+              cardModal.isOpen = false;
+              messageStore.optionModal.isOpen = true;
+            }}
+          >
+            发动效果
+          </button>
+        ) : (
+          <></>
+        )}
       </div>
     </div>
   );

src/ui/Duel/PlayMat/Mat.tsx

@@ -247,6 +247,7 @@ const onCardClick = (state: CardState) => () => {
     messageStore.cardModal.interactivies = state.idleInteractivities.map(
       (interactivity) => ({
         desc: interactTypeToString(interactivity.interactType),
+        effectCode: interactivity.activateIndex,
         response: interactivity.response,
       })
     );