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
            Show 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,7 +196,12 @@ export const SelectCardsModal: React.FC<SelectCardsModalProps> = ({ ...@@ -195,7 +196,12 @@ export const SelectCardsModal: React.FC<SelectCardsModalProps> = ({
            </div> </div>
            ) )
            )} )}
            <p>{selecteds.length > 0 ? fetchStrings("!system", 212) : ""}</p> <p>
            <span>
            {selecteds.length > 0 ? fetchStrings("!system", 212) : ""}
            </span>
            </p>
            <div style={CheckGroupStyle}>
            {selecteds.map((card, i) => ( {selecteds.map((card, i) => (
            <Tooltip <Tooltip
            title={card.effectDesc} title={card.effectDesc}
            ...@@ -218,6 +224,7 @@ export const SelectCardsModal: React.FC<SelectCardsModalProps> = ({ ...@@ -218,6 +224,7 @@ export const SelectCardsModal: React.FC<SelectCardsModalProps> = ({
            </div> </div>
            </Tooltip> </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