From 3a18a41404d787a9db5cf5994224a64a8fc6aad7 Mon Sep 17 00:00:00 2001
From: austinkelsay <austinkelsay@yahoo.com>
Date: Wed, 25 Sep 2024 20:57:14 -0500
Subject: [PATCH] subscription button optional layout for renew modal

---
 src/components/bitcoinConnect/SubscriptionPaymentButton.js | 4 ++--
 src/components/profile/subscription/RenewSubscription.js   | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/bitcoinConnect/SubscriptionPaymentButton.js b/src/components/bitcoinConnect/SubscriptionPaymentButton.js
index 1a3d941..abe341f 100644
--- a/src/components/bitcoinConnect/SubscriptionPaymentButton.js
+++ b/src/components/bitcoinConnect/SubscriptionPaymentButton.js
@@ -19,7 +19,7 @@ const PaymentModal = dynamic(
     { ssr: false }
 );
 
-const SubscriptionPaymentButtons = ({ onSuccess, onError, onRecurringSubscriptionSuccess, setIsProcessing, oneTime = false, recurring = false }) => {
+const SubscriptionPaymentButtons = ({ onSuccess, onError, onRecurringSubscriptionSuccess, setIsProcessing, oneTime = false, recurring = false, layout = "row" }) => {
     const [invoice, setInvoice] = useState(null);
     const [showRecurringOptions, setShowRecurringOptions] = useState(false);
     const [nwcInput, setNwcInput] = useState('');
@@ -206,7 +206,7 @@ const SubscriptionPaymentButtons = ({ onSuccess, onError, onRecurringSubscriptio
     return (
         <>
             {!invoice && (
-                <div className="w-full flex flex-row justify-between">
+                <div className={`w-full flex ${layout === "row" ? "flex-row justify-between" : "flex-col items-center"}`}>
                     {(oneTime || (!oneTime && !recurring)) && (
                         <GenericButton
                             label="Pay as you go"
diff --git a/src/components/profile/subscription/RenewSubscription.js b/src/components/profile/subscription/RenewSubscription.js
index bc22650..50d8c50 100644
--- a/src/components/profile/subscription/RenewSubscription.js
+++ b/src/components/profile/subscription/RenewSubscription.js
@@ -69,6 +69,7 @@ const RenewSubscription = ({ visible, onHide, subscribedUntil }) => {
                         onRecurringSubscriptionSuccess={handleSubscriptionSuccess}
                         onError={handleSubscriptionError}
                         setIsProcessing={setIsProcessing}
+                        layout="col"
                     />
                 </Card>
             )}