From 583575f5ea70f9a612751e6a4950a939719ef7ef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Leszczyk?= <michasko37@gmail.com>
Date: Wed, 25 May 2022 13:46:38 +0200
Subject: [PATCH] wip

---
 packages/dashboard-v2/src/pages/payments.js | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/packages/dashboard-v2/src/pages/payments.js b/packages/dashboard-v2/src/pages/payments.js
index adf2303b..c1ac7aff 100644
--- a/packages/dashboard-v2/src/pages/payments.js
+++ b/packages/dashboard-v2/src/pages/payments.js
@@ -162,9 +162,11 @@ const PlansSlider = () => {
                 <div className="text-center my-6">
                   {(!hasActivePlan || isHigherThanCurrent) &&
                     (isCurrentPlanPaid ? (
-                      <Button $primary as="a" href="/api/stripe/billing">
-                        Upgrade
-                      </Button>
+                      <form method="post" action="/api/stripe/billing">
+                        <Button type="submit">
+                          Upgrade
+                        </Button>
+                      </form>
                     ) : (
                       <Button $primary onClick={() => handleSubscribe(plan)}>
                         Upgrade
@@ -172,9 +174,11 @@ const PlansSlider = () => {
                     ))}
                   {isCurrent && <Button disabled>Current</Button>}
                   {isLower && (
-                    <Button as="a" href="/api/stripe/billing">
-                      Choose
-                    </Button>
+                    <form method="post" action="/api/stripe/billing">
+                      <Button type="submit">
+                        Choose
+                      </Button>
+                    </form>
                   )}
                 </div>
                 {plan.limits && (