1
0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-25 07:51:12 +02:00

style fix

This commit is contained in:
Kushagra Gour
2024-04-16 10:41:45 +05:30
parent b9410f8a23
commit 4c5097782f

View File

@@ -66,38 +66,43 @@ export function Profile({ user, logoutBtnHandler }) {
return ( return (
<VStack gap={2}> <VStack gap={2}>
<Header user={user} logoutBtnHandler={logoutBtnHandler} /> <Header user={user} logoutBtnHandler={logoutBtnHandler} />
<Panel> {window.user?.isPro && (
{isFetchingSubscription ? ( <Panel>
<LoaderWithText>Loading subscription details...</LoaderWithText> {isFetchingSubscription ? (
) : null} <LoaderWithText>Loading subscription details...</LoaderWithText>
{currentSubscription ? ( ) : null}
<VStack align="stretch" gap={1}> {currentSubscription ? (
<Text> <VStack align="stretch" gap={1}>
Plan: <Text>
<Text weight="700"> Plan:
{' '} <Text weight="700">
{currentSubscription.attributes.product_name} {' '}
{currentSubscription.attributes.product_name}
</Text>
</Text> </Text>
</Text> <Text>
<Text> Subscription Status:{' '}
Subscription Status:{' '} <Text weight="700">
<Text weight="700">{currentSubscription.attributes.status}</Text> {currentSubscription.attributes.status}
</Text> </Text>
<Text>
Renews on:{' '}
<Text weight="700">
{getHumanReadableDate(currentSubscription.attributes.renews_at)}
</Text> </Text>
</Text>
<a <Text>
target="_blank" Renews on:{' '}
href={currentSubscription.attributes.urls.customer_portal} <Text weight="700">
> {getHumanReadableDate(
Cancel subscription currentSubscription.attributes.renews_at
</a> )}
{/* <a </Text>
</Text>
<a
target="_blank"
href={currentSubscription.attributes.urls.customer_portal}
>
Cancel subscription
</a>
{/* <a
target="_blank" target="_blank"
href={ href={
currentSubscription.attributes.urls currentSubscription.attributes.urls
@@ -112,9 +117,10 @@ export function Profile({ user, logoutBtnHandler }) {
> >
Link 3 Link 3
</a> */} </a> */}
</VStack> </VStack>
) : null} ) : null}
</Panel> </Panel>
)}
{user?.isPro && currentSubscription ? ( {user?.isPro && currentSubscription ? (
<img <img
class="profile-modal__panda" class="profile-modal__panda"