@akinon/pz-multi-basket 1.44.0 → 1.45.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @akinon/pz-multi-basket
 
+## 1.45.0
+
+### Minor Changes
+
+- 2ab6e08: ZERO-2841: Update getBasketDetail query
+
 ## 1.44.0
 
 ## 1.43.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/pz-multi-basket",
-  "version": "1.44.0",
+  "version": "1.45.0",
   "license": "MIT",
   "main": "./src/index.ts",
   "module": "./src/index.ts",

package/src/views/MultiBasket.tsx

@@ -4,7 +4,7 @@ import React, { useEffect, useState } from 'react';
 import {
   useGetBasketQuery,
   useGetAllBasketsQuery,
-  useGetBasketDetailMutation,
+  useLazyGetBasketDetailQuery,
   useRemoveBasketMutation,
   useSelectMainBasketMutation
 } from '@akinon/next/data/client/basket';
@@ -21,8 +21,8 @@ export const MultiBasket = (props: Props) => {
   const { data: basketData } = useGetBasketQuery();
   const { data: allBaskets, isSuccess: isAllBasketsSuccess } =
     useGetAllBasketsQuery();
+  const [getBasketDetail] = useLazyGetBasketDetailQuery();
   const { BasketItem } = props;
-  const [getBasketDetail] = useGetBasketDetailMutation();
   const [removeBasket] = useRemoveBasketMutation();
   const [selectMainBasket] = useSelectMainBasketMutation();
   const [detailedBaskets, setDetailedBaskets] = useState<any[]>([]);
@@ -53,10 +53,10 @@ export const MultiBasket = (props: Props) => {
 
   return (
     <>
-      {isAllBasketsSuccess && (
+      {detailedBaskets.length > 0 && (
         <>
-          {detailedBaskets.map(({ basket }) => (
-            <div key={basket.pk}>
+          {detailedBaskets.map((basket) => (
+            <div key={basket?.pk}>
               {basket?.basketitem_set?.length > 0 && (
                 <div className="border mb-4">
                   <div