Fix merge conflicts

This commit is contained in:
Tuan Dang
2023-06-29 17:49:01 +07:00
2 changed files with 12 additions and 4 deletions

View File

@@ -34,7 +34,7 @@ export const ManagePlansTable = ({
const createCustomerPortalSession = useCreateCustomerPortalSession(); const createCustomerPortalSession = useCreateCustomerPortalSession();
const displayCell = (value: null | number | string | boolean) => { const displayCell = (value: null | number | string | boolean) => {
if (value === null) return "-"; if (value === null) return "Unlimited";
if (typeof value === "boolean") { if (typeof value === "boolean") {
if (value) return ( if (value) return (

View File

@@ -36,6 +36,12 @@ export const PreviewSection = () => {
return formattedDate; return formattedDate;
} }
function formatPlanSlug(slug: string) {
return slug
.replace(/(\b[a-z])/g, match => match.toUpperCase())
.replace(/-/g, " ");
}
return ( return (
<div> <div>
{!isSubscriptionLoading && subscription?.slug !== "enterprise" && subscription?.slug !== "pro" && subscription?.slug !== "pro-annual" && ( {!isSubscriptionLoading && subscription?.slug !== "enterprise" && subscription?.slug !== "pro" && subscription?.slug !== "pro-annual" && (
@@ -52,11 +58,13 @@ export const PreviewSection = () => {
</Button> </Button>
</div> </div>
)} )}
{!isLoading && data && ( {!isLoading && subscription && data && (
<div className="flex mb-6 max-w-screen-lg"> <div className="flex mb-6 max-w-screen-lg">
<div className="p-4 bg-mineshaft-900 rounded-lg flex-1 mr-4 border border-mineshaft-600"> <div className="p-4 bg-mineshaft-900 rounded-lg flex-1 mr-4 border border-mineshaft-600">
<p className="mb-2 text-gray-400">Current plan</p> <p className="mb-2 text-gray-400">Current plan</p>
<p className="text-2xl mb-8 text-mineshaft-50 font-semibold">Starter</p> <p className="text-2xl mb-8 text-mineshaft-50 font-semibold">
{formatPlanSlug(subscription.slug)}
</p>
<button <button
type="button" type="button"
onClick={async () => { onClick={async () => {