Present Paystack checkout in a responsive mobile sheet and desktop modal.

Standardize customer-facing Ladill Pay checkout shells across products, open them on all viewports, and escape iframe callbacks back to the product flow.
2026-07-21 16:50:07 +00:00
parent fcb2808ab1
commit 07bb8beb10
3 changed files with 144 additions and 28 deletions
@@ -65,13 +65,9 @@
                const data = await res.json();
                if (!res.ok || data.error) { alert(data.error || 'Unable to start payment.'); this.renewLoading = false; return; }
                this.renewModal = false;
-                if (window.innerWidth < 768) {
-                    this.checkoutUrl = data.checkout_url;
-                    this.showSheet   = true;
-                    this.renewLoading = false;
-                } else {
-                    window.location.href = data.checkout_url;
-                }
+                this.checkoutUrl = data.checkout_url;
+                this.showSheet = true;
+                this.renewLoading = false;
            } catch(e) {
                alert('Network error. Please try again.');
                this.renewLoading = false;