Commit e22f5b60 authored by Chunchi Che's avatar Chunchi Che

use EffectButton in CardListModal

parent 3fd5151f
import { Button, Drawer, List } from "antd"; import { Drawer, List } from "antd";
import React from "react"; import React from "react";
import { useSnapshot } from "valtio"; import { useSnapshot } from "valtio";
import { sendSelectIdleCmdResponse } from "@/api";
import { useConfig } from "@/config"; import { useConfig } from "@/config";
import { import { messageStore } from "@/stores";
clearAllIdleInteractivities as clearAllIdleInteractivities,
messageStore, import { EffectButton } from "./EffectButton";
} from "@/stores";
const NeosConfig = useConfig(); const NeosConfig = useConfig();
...@@ -16,9 +14,9 @@ const CARD_WIDTH = 100; ...@@ -16,9 +14,9 @@ const CARD_WIDTH = 100;
const { cardListModal } = messageStore; const { cardListModal } = messageStore;
export const CardListModal = () => { export const CardListModal = () => {
const snapCardListModal = useSnapshot(cardListModal); const snap = useSnapshot(cardListModal);
const isOpen = snapCardListModal.isOpen; const isOpen = snap.isOpen;
const list = snapCardListModal.list as typeof cardListModal.list; const list = snap.list as typeof cardListModal.list;
const handleOkOrCancel = () => { const handleOkOrCancel = () => {
cardListModal.isOpen = false; cardListModal.isOpen = false;
...@@ -31,19 +29,12 @@ export const CardListModal = () => { ...@@ -31,19 +29,12 @@ export const CardListModal = () => {
dataSource={list} dataSource={list}
renderItem={(item) => ( renderItem={(item) => (
<List.Item <List.Item
actions={item.interactivies.map((interactivy, idx) => ( actions={[
<Button <EffectButton
key={idx} effectInteractivies={item.interactivies}
onClick={() => { meta={item.meta}
sendSelectIdleCmdResponse(interactivy.response); />,
cardListModal.isOpen = false; ]}
clearAllIdleInteractivities(0);
clearAllIdleInteractivities(1);
}}
>
{interactivy.desc}
</Button>
))}
extra={ extra={
<img <img
alt={item.meta?.text.name} alt={item.meta?.text.name}
......
import React from "react";
import "@/styles/card-modal.scss"; import "@/styles/card-modal.scss";
import React from "react";
import { CardMeta, getCardStr, sendSelectIdleCmdResponse } from "@/api"; import { CardMeta, getCardStr, sendSelectIdleCmdResponse } from "@/api";
import { import {
clearAllIdleInteractivities as clearAllIdleInteractivities, clearAllIdleInteractivities as clearAllIdleInteractivities,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment