feat(keychain): fetch orders by ids (#2334)

Author: MartianGreed

packages/keychain/src/components/inventory/collection/collectible-purchase.tsx

@@ -56,23 +56,26 @@ export function CollectiblePurchase() {
 
   const { data: marketplaceFeeConfig } = useMarketplaceFees();
 
+  const [searchParams] = useSearchParams();
+
+  const orderIds = useMemo(
+    () => searchParams.get("orders")?.split(",").map(Number) || [],
+    [searchParams],
+  );
   const { data: allOrders } = useMarketplaceCollectionOrders(
     {
       collection: contractAddress || "",
       status: StatusType.Placed,
-      limit: 10000,
       tokenId,
+      orderIds,
     },
     !!contractAddress,
   );
 
-  const [searchParams] = useSearchParams();
   const tokenOrders = useMemo(() => {
-    const paramsOrders =
-      searchParams.get("orders")?.split(",").map(Number) || [];
     if (!allOrders) return [];
-    return allOrders.filter((order) => paramsOrders.includes(order.id));
-  }, [allOrders, searchParams]);
+    return allOrders.filter((order) => orderIds.includes(order.id));
+  }, [allOrders, orderIds]);
 
   const tokenIds = useMemo(() => {
     return tokenOrders.map((order) =>

packages/keychain/src/components/inventory/collection/collection-purchase.tsx

@@ -54,25 +54,28 @@ export function CollectionPurchase() {
   const arcadeContext = useContext(ArcadeContext);
   const provider = arcadeContext?.provider;
 
+  const [searchParams] = useSearchParams();
+
+  const orderIds = useMemo(
+    () => searchParams.get("orders")?.split(",").map(Number) || [],
+    [searchParams],
+  );
   const { data: allOrders } = useMarketplaceCollectionOrders(
     {
       collection: contractAddress || "",
       status: StatusType.Placed,
       tokenId,
-      limit: 10000,
+      orderIds,
     },
     !!contractAddress,
   );
 
   const { data: marketplaceFeeConfig } = useMarketplaceFees();
 
-  const [searchParams] = useSearchParams();
   const tokenOrders = useMemo(() => {
-    const paramsOrders =
-      searchParams.get("orders")?.split(",").map(Number) || [];
     if (!allOrders) return [];
-    return allOrders.filter((order) => paramsOrders.includes(order.id));
-  }, [allOrders, searchParams]);
+    return allOrders.filter((order) => orderIds.includes(order.id));
+  }, [allOrders, orderIds]);
 
   const tokenIds = useMemo(() => {
     return tokenOrders.map((order) =>

pnpm-lock.yaml

@@ -4,7 +4,7 @@ packages:
   - examples/svelte
   - packages/*
 catalog:
-  "@cartridge/arcade": "0.3.11"
+  "@cartridge/arcade": "0.3.12"
   "@cartridge/controller-wasm": "0.9.1"
   "@cartridge/penpal": "^6.2.4"
   "@cartridge/ui": "github:cartridge-gg/ui#146eec3"