Revert "update SelectCardsModal"

This reverts commit 74564d82.

src/ui/Duel/Message/SelectCardsModal/index.tsx

@@ -36,7 +36,7 @@ export const SelectCardsModal: React.FC<SelectCardsModalProps> = ({
   min,
   max,
   single,
-  selecteds,
+  selecteds: _selecteds,
   selectables,
   mustSelects,
   cancelable,
@@ -131,9 +131,6 @@ export const SelectCardsModal: React.FC<SelectCardsModalProps> = ({
           direction="vertical"
           style={{ width: "100%", overflow: "hidden" }}
         >
-          {selecteds.map((card, i) => (
-            <OptionCard key={i} {...card as Option} />
-          ))}
           <Selector
             zoneOptions={zoneOptions}
             selectedZone={selectedZone}
@@ -156,7 +153,40 @@ export const SelectCardsModal: React.FC<SelectCardsModalProps> = ({
                     }}
                   >
                     {options[1].map((card, j) => (
-                      <OptionCard key={j} {...(card as Option)} />
+                      <Tooltip
+                        title={card.effectDesc}
+                        placement="bottom"
+                        key={j}
+                      >
+                        {/* 这儿必须有一个div，不然tooltip不生效 */}
+                        <div>
+                          <CheckCard
+                            cover={
+                              <YgoCard
+                                code={card.meta.id}
+                                style={{
+                                  width: "100%",
+                                  height: "100%",
+                                  position: "absolute",
+                                  left: 0,
+                                  top: 0,
+                                }}
+                              />
+                            }
+                            style={{
+                              width: 100,
+                              aspectRatio: 5.9 / 8.6,
+                              marginInlineEnd: 0,
+                              marginBlockEnd: 0,
+                              flexShrink: 0,
+                            }}
+                            value={card}
+                            onClick={() => {
+                              showCardModal(card);
+                            }}
+                          />
+                        </div>
+                      </Tooltip>
                     ))}
                   </CheckCard.Group>
                 </div>
@@ -189,42 +219,6 @@ const Selector: React.FC<{
     <></>
   );
 
-const OptionCard: React.FC<Option> = (props) => {
-  const { effectDesc, meta } = props;
-  return (
-    <Tooltip title={effectDesc} placement="bottom">
-      {/* 这儿必须有一个div，不然tooltip不生效 */}
-      <div>
-        <CheckCard
-          cover={
-            <YgoCard
-              code={meta.id}
-              style={{
-                width: "100%",
-                height: "100%",
-                position: "absolute",
-                left: 0,
-                top: 0,
-              }}
-            />
-          }
-          style={{
-            width: 100,
-            aspectRatio: 5.9 / 8.6,
-            marginInlineEnd: 0,
-            marginBlockEnd: 0,
-            flexShrink: 0,
-          }}
-          value={props}
-          onClick={() => {
-            showCardModal(props);
-          }}
-        />
-      </div>
-    </Tooltip>
-  );
-};
-
 export interface Option {
   // card id
   meta: CardMeta;