add onDoubleClick

src/ui/BuildDeck/index.tsx

@@ -306,6 +306,11 @@ export const DeckEditor: React.FC<{
               }
             }}
             onElementMouseUp={(event) => handleMouseUp(type, event)}
+            onDoubleClick={(card) => {
+              if (editDeckStore.canAdd(card, type, "search").result) {
+                editDeckStore.add(type, card);
+              }
+            }}
           />
         ))}
       </ScrollableArea>

src/ui/Shared/DeckCard/index.tsx

@@ -21,7 +21,8 @@ export const DeckCard: React.FC<{
   source: Type | "search";
   onMouseUp?: (event: DeckCardMouseUpEvent) => void;
   onMouseEnter?: () => void;
-}> = memo(({ value, source, onMouseUp, onMouseEnter }) => {
+  onDoubleClick?: (card: CardMeta) => void;
+}> = memo(({ value, source, onMouseUp, onMouseEnter, onDoubleClick }) => {
   const ref = useRef<HTMLDivElement>(null);
   const [{ isDragging }, drag] = useDrag({
     type: "Card",
@@ -46,6 +47,7 @@ export const DeckCard: React.FC<{
         })
       }
       onMouseEnter={onMouseEnter}
+      onDoubleClick={() => onDoubleClick?.(value)}
       onContextMenu={(e) => {
         e.preventDefault();
       }}

src/ui/Shared/DeckZone/index.tsx

@@ -25,12 +25,14 @@ export const DeckZone: React.FC<{
     destination: Type,
   ) => void;
   onElementMouseUp: (event: DeckCardMouseUpEvent) => void;
+  onDoubleClick?: (card: CardMeta) => void;
 }> = ({
   type,
   cards,
   canAdd,
   onChange,
   onElementMouseUp: onElementMouseUp,
+  onDoubleClick,
 }) => {
   const { message } = App.useApp();
   const [allowToDrop, setAllowToDrop] = useState(false);
@@ -71,6 +73,7 @@ export const DeckZone: React.FC<{
             key={card.id + i + type}
             source={type}
             onMouseUp={onElementMouseUp}
+            onDoubleClick={onDoubleClick}
           />
         ))}
         <div className={styles["editing-zone-name"]}>