saulteafarmer/plebdevs
1
0
Fork 0
mirror of https://github.com/AustinKelsay/plebdevs.git synced 2025-04-19 10:51:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix user param in subscribe modal, fix spacing on subscribed components

Browse Source
This commit is contained in:
austinkelsay 2025-02-10 16:34:28 -06:00
parent a9d115d1bf
commit 609459588d
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/profile/subscription/UserSubscription.js
View File

@ -109,6 +109,7 @@ const UserSubscription = () => {
<SubscribeModal <SubscribeModal
visible={subscribeModalVisible} visible={subscribeModalVisible}
onHide={() => setSubscribeModalVisible(false)} onHide={() => setSubscribeModalVisible(false)}
user={user}
/> />
</> </>
)} )}
@ -167,7 +168,7 @@ const UserSubscription = () => {
{subscribed && ( {subscribed && (
<> <>
<Card title="Subscription Benefits" className="mb-4"> <Card title="Subscription Benefits" className="h-[330px] border border-gray-700 rounded-lg">
{isProcessing ? ( {isProcessing ? (
<div className="w-full flex flex-col mx-auto justify-center items-center mt-4"> <div className="w-full flex flex-col mx-auto justify-center items-center mt-4">
<div className='w-full h-full flex items-center justify-center'><ProgressSpinner /></div> <div className='w-full h-full flex items-center justify-center'><ProgressSpinner /></div>
@ -183,7 +184,7 @@ const UserSubscription = () => {
</div> </div>
)} )}
</Card> </Card>
<Card title="Manage Subscription" className="mb-4"> <Card title="Manage Subscription" className="mt-2 border border-gray-700 rounded-lg">
<div className='flex flex-col gap-4'> <div className='flex flex-col gap-4'>
<GenericButton outlined className="w-fit" label="Renew Subscription" icon="pi pi-sync" onClick={() => setRenewSubscriptionVisible(true)} /> <GenericButton outlined className="w-fit" label="Renew Subscription" icon="pi pi-sync" onClick={() => setRenewSubscriptionVisible(true)} />
<GenericButton severity="danger" outlined className="w-fit" label="Cancel Subscription" icon="pi pi-trash" onClick={() => setCancelSubscriptionVisible(true)} /> <GenericButton severity="danger" outlined className="w-fit" label="Cancel Subscription" icon="pi pi-trash" onClick={() => setCancelSubscriptionVisible(true)} />
@ -192,7 +193,7 @@ const UserSubscription = () => {
</> </>
)} )}
<Card title="Frequently Asked Questions" className="mb-6 border border-gray-700"> <Card title="Frequently Asked Questions" className="mt-2 border border-gray-700 rounded-lg">
<div className="flex flex-col gap-4"> <div className="flex flex-col gap-4">
<div> <div>
<h3 className="text-lg font-semibold">How does the subscription work?</h3> <h3 className="text-lg font-semibold">How does the subscription work?</h3>