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:
@@ -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"
|
||||||
|
Reference in New Issue
Block a user