Merge pull request #2039 from lumi-tip/development-lumi-9211

🐛  infinite loading on coupons

Author: tommygonzaleza

src/pages/checkout/index.jsx

@@ -76,27 +76,27 @@ function Checkout() {
   const { t } = useTranslation('signup');
   const router = useRouter();
   const {
-    couponError,
     setCouponError,
-    checkInfoLoader,
     getDiscountValue,
     renderPlanDetails,
     calculateTotalPrice,
     handleCoupon,
+    setDiscountCode,
     setUserSelectedPlan,
     saveCouponToBag,
+    setDiscountCoupon,
+    couponError,
+    checkInfoLoader,
     processedPrice,
     allCoupons,
     originalPlan,
     discountCode,
-    setDiscountCode,
     currencySymbol,
     couponValue,
     planFormated,
     planId,
     fixedCouponExist,
     discountCoupon,
-    setDiscountCoupon,
   } = useCheckout();
   const { query } = router;
   const [showPaymentDetails, setShowPaymentDetails] = useState(true);
@@ -421,10 +421,9 @@ function Checkout() {
                                           padding="10px"
                                           height="auto"
                                           onClick={() => {
-                                            console.log('checkingData', checkingData);
+                                            setDiscountCode('');
                                             saveCouponToBag([''], checkingData?.id);
                                             removeSessionStorageItem('coupon');
-                                            setDiscountCode('');
                                             setDiscountCoupon(null);
                                             setCouponError(false);
                                           }}

src/pages/checkout/useCheckout.js

@@ -64,6 +64,17 @@ const useCheckout = () => {
       }).applyCoupon(bagId);
 
       const couponsList = resp?.data?.coupons;
+
+      if (coupons[0] === '') {
+        setDiscountCoupon(null);
+        setCheckingData({
+          ...checkingData,
+          coupons: [],
+        });
+        setCouponError(false);
+        return;
+      }
+
       if (couponsList?.length > 0) {
         const couponToFind = specificCoupon || discountCode;
         const couponData = couponsList.find(({ slug }) => slug === couponToFind);
@@ -473,6 +484,7 @@ const useCheckout = () => {
     planId,
     discountCoupon,
     setDiscountCoupon,
+    handleCoupon,
   };
 };
 export default useCheckout;