subscription button optional layout for renew modal

This commit is contained in:
austinkelsay 2024-09-25 20:57:14 -05:00
parent a5a35f90fc
commit 3a18a41404
2 changed files with 3 additions and 2 deletions

View File

@ -19,7 +19,7 @@ const PaymentModal = dynamic(
{ ssr: false } { 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 [invoice, setInvoice] = useState(null);
const [showRecurringOptions, setShowRecurringOptions] = useState(false); const [showRecurringOptions, setShowRecurringOptions] = useState(false);
const [nwcInput, setNwcInput] = useState(''); const [nwcInput, setNwcInput] = useState('');
@ -206,7 +206,7 @@ const SubscriptionPaymentButtons = ({ onSuccess, onError, onRecurringSubscriptio
return ( return (
<> <>
{!invoice && ( {!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)) && ( {(oneTime || (!oneTime && !recurring)) && (
<GenericButton <GenericButton
label="Pay as you go" label="Pay as you go"

View File

@ -69,6 +69,7 @@ const RenewSubscription = ({ visible, onHide, subscribedUntil }) => {
onRecurringSubscriptionSuccess={handleSubscriptionSuccess} onRecurringSubscriptionSuccess={handleSubscriptionSuccess}
onError={handleSubscriptionError} onError={handleSubscriptionError}
setIsProcessing={setIsProcessing} setIsProcessing={setIsProcessing}
layout="col"
/> />
</Card> </Card>
)} )}