zaid.marzguioui/myeasycms-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor CMS to handle ContentLayer and WordPress platforms

Browse Source 
This commit refactors the CMS to handle two platforms: ContentLayer and WordPress. The CMS layer is abstracted into a core package, and separate implementations for each platform are created. This change allows the app to switch the CMS type based on environment variable, which can improve the flexibility of content management. It also updates several functions in the `server-sitemap.xml` route to accommodate these changes and generate sitemaps based on the CMS client. Further, documentation content and posts have been relocated to align with the new structure. Notably, this refactor is a comprehensive update to the way the CMS is structured and managed.
This commit is contained in:
giancarlo
2024-04-01 19:47:51 +08:00
parent d6004f2f7e
commit 6b72206b00
62 changed files with 1313 additions and 690 deletions
Download Patch File Download Diff File Expand all files Collapse all files

119
packages/billing-gateway/src/components/current-plan-card.tsx
View File

@@ -70,7 +70,7 @@ export function CurrentPlanCard({
</CardDescription>
</CardHeader>
<CardContent className={'space-y-2.5 text-sm'}>
<CardContent className={'space-y-3 text-sm'}>
<div className={'flex flex-col space-y-1'}>
<div className={'flex items-center space-x-2 text-lg font-semibold'}>
<BadgeCheck
@@ -85,85 +85,58 @@ export function CurrentPlanCard({
</div>
</div>
<div>
<CurrentPlanAlert status={subscription.status} />
</div>
{/*
Only show the alert if the subscription requires action
(e.g. trial ending soon, subscription canceled, etc.)
*/}
<If condition={!subscription.active}>
<div>
<CurrentPlanAlert status={subscription.status} />
</div>
</If>
<div>
<Accordion type="single" collapsible>
<AccordionItem value="features">
<AccordionTrigger>
<Trans i18nKey="billing:planDetails" />
</AccordionTrigger>
<If condition={subscription.status === 'trialing'}>
<div className="flex flex-col space-y-0.5">
<span className="font-semibold">
<Trans i18nKey="billing:trialEndsOn" />
</span>
<AccordionContent className="space-y-2.5">
<If condition={subscription.status === 'trialing'}>
<div className="flex flex-col">
<span className="font-medium">
<Trans i18nKey="billing:trialEndsOn" />
</span>
<div className={'text-muted-foreground'}>
<span>
{subscription.trial_ends_at
? formatDate(subscription.trial_ends_at, 'P')
: ''}
</span>
</div>
</div>
</If>
<div className={'text-muted-foreground'}>
<span>
{subscription.trial_ends_at
? formatDate(subscription.trial_ends_at, 'P')
: ''}
</span>
</div>
</div>
</If>
<If condition={subscription.cancel_at_period_end}>
<div className="flex flex-col space-y-0.5">
<span className="font-semibold">
<Trans i18nKey="billing:cancelSubscriptionDate" />
</span>
<If condition={subscription.cancel_at_period_end}>
<div className="flex flex-col">
<span className="font-medium">
<Trans i18nKey="billing:cancelSubscriptionDate" />
</span>
<div className={'text-muted-foreground'}>
<span>
{formatDate(subscription.period_ends_at ?? '', 'P')}
</span>
</div>
</div>
</If>
<div className={'text-muted-foreground'}>
<span>
{formatDate(subscription.period_ends_at ?? '', 'P')}
</span>
</div>
</div>
</If>
<div className="flex flex-col space-y-0.5">
<span className="font-semibold">
<Trans i18nKey="billing:detailsLabel" />
</span>
<div className="flex flex-col space-y-1">
<span className="font-semibold">
<Trans i18nKey="billing:detailsLabel" />
</span>
<LineItemDetails
lineItems={productLineItems}
currency={subscription.currency}
selectedInterval={firstLineItem.interval}
/>
</div>
<div className="flex flex-col space-y-1">
<span className="font-semibold">
<Trans i18nKey="billing:featuresLabel" />
</span>
<ul className={'flex flex-col space-y-0.5'}>
{product.features.map((item) => {
return (
<li
key={item}
className="flex items-center space-x-0.5"
>
<CheckCircle2 className="h-4 text-green-500" />
<span className={'text-muted-foreground'}>
<Trans i18nKey={item} defaults={item} />
</span>
</li>
);
})}
</ul>
</div>
</AccordionContent>
</AccordionItem>
</Accordion>
<LineItemDetails
lineItems={productLineItems}
currency={subscription.currency}
selectedInterval={firstLineItem.interval}
/>
</div>
</div>
</CardContent>
</Card>