added the redeem coupon api

src/components/MyCoupons/CouponPopup.jsx

@@ -8,30 +8,33 @@ const CouponPopup = ({ popUpHandler, data }) => {
 
   const redeemCouponHandler = async () => {
     setLoader(true);
-    
+
     try {
       const { code, coupon_id } = data;
       const reqData = { code_id: Number(coupon_id), code };
 
       const res = await apiCall.getCouponRedeem(reqData);
-      if(res.statusText === "OK") {
+      if (res.statusText === "OK") {
         toast.success("Great news! Your coupon has been redeemed.", {
           autoClose: 3000,
           hideProgressBar: true,
         });
       }
-      
-      popUpHandler();
-      setLoader(false);
+
+      setTimeout(() => {
+        popUpHandler();
+        setLoader(false);
+      }, 3000);
       throw new Response(res);
     } catch (error) {
-      error &&
-        toast.warn("An error occurred while processing your coupon.", {
-          autoClose: 3000,
-          hideProgressBar: true,
-        });
+      // error &&
+      //   toast.warn("An error occurred while processing your coupon.", {
+      //     autoClose: 3000,
+      //     hideProgressBar: true,
+      //   });
       setLoader(false);
-      console.log(error)
+      console.log(error);
+      return;
       // throw new Error(error);
     }
   };
@@ -82,7 +85,7 @@ const CouponPopup = ({ popUpHandler, data }) => {
             <button
               type="button"
               onClick={redeemCouponHandler}
-              className="text-white btn-gradient text-lg tracking-wide px-6 py-2 rounded-full"
+              className="text-white lg:w-[167px] btn-gradient flex justify-center items-center text-lg tracking-wide px-6 py-2 rounded-full"
             >
               {loader ? (
                 <div className="signup btn-loader"></div>