Skip to content

N
Neos
Commit b5fc121c authored by chechunchi's avatar chechunchi
Browse files
Options

fix selecteds in SelectCardModal

parent 509538fd
Pipeline #22470 passed with stages
            in 25 minutes and 27 seconds
            Hide whitespace changes
            Inline Side-by-side
            Showing with 35 additions and 28 deletions
            src/ui/Duel/Message/SelectCardsModal/index.tsx
            View file @ b5fc121c
            ...@@ -28,6 +28,11 @@ const CheckCardStyle = { ...@@ -28,6 +28,11 @@ const CheckCardStyle = {
            marginBlockEnd: 0, marginBlockEnd: 0,
            flexShrink: 0, flexShrink: 0,
            }; };
            const CheckGroupStyle = {
            display: "grid",
            gridTemplateColumns: "repeat(6, 1fr)",
            gap: 10,
            };
            export interface SelectCardsModalProps { export interface SelectCardsModalProps {
            isOpen: boolean; isOpen: boolean;
            ...@@ -161,11 +166,7 @@ export const SelectCardsModal: React.FC<SelectCardsModalProps> = ({ ...@@ -161,11 +166,7 @@ export const SelectCardsModal: React.FC<SelectCardsModalProps> = ({
            }} }}
            // TODO 考虑如何设置默认值，比如只有一个的，就直接选中 // TODO 考虑如何设置默认值，比如只有一个的，就直接选中
            multiple={isMultiple} multiple={isMultiple}
            style={{ style={CheckGroupStyle}
            display: "grid",
            gridTemplateColumns: "repeat(6, 1fr)",
            gap: 10,
            }}
            > >
            {options[1].map((card, j) => ( {options[1].map((card, j) => (
            <Tooltip <Tooltip
            ...@@ -195,29 +196,35 @@ export const SelectCardsModal: React.FC<SelectCardsModalProps> = ({ ...@@ -195,29 +196,35 @@ export const SelectCardsModal: React.FC<SelectCardsModalProps> = ({
            </div> </div>
            ) )
            )} )}
            <p>{selecteds.length > 0 ? fetchStrings("!system", 212) : ""}</p> <p>
            {selecteds.map((card, i) => ( <span>
            <Tooltip {selecteds.length > 0 ? fetchStrings("!system", 212) : ""}
            title={card.effectDesc} </span>
            placement="bottom" </p>
            key={grouped.length + i} <div style={CheckGroupStyle}>
            > {selecteds.map((card, i) => (
            <div> <Tooltip
            <CheckCard title={card.effectDesc}
            cover={ placement="bottom"
            <YgoCard key={grouped.length + i}
            code={card.meta.id} >
            style={YgoCardStyle as CSSProperties} <div>
            /> <CheckCard
            } cover={
            style={CheckCardStyle} <YgoCard
            onClick={() => { code={card.meta.id}
            showCardModal(card); style={YgoCardStyle as CSSProperties}
            }} />
            /> }
            </div> style={CheckCardStyle}
            </Tooltip> onClick={() => {
            ))} showCardModal(card);
            }}
            />
            </div>
            </Tooltip>
            ))}
            </div>
            </Space> </Space>
            </div> </div>
            </NeosModal> </NeosModal>
            ......
            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