chunzhi/comfyui-deploy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: build

Browse Source
This commit is contained in:
BennyKok 2024-01-25 12:08:09 +08:00
parent 85e4219ea7
commit 3d2eacccc9
1 changed files with 40 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
web/src/components/PricingPlan.tsx
View File

@ -8,7 +8,6 @@ import { Check, Info, Minus } from "lucide-react";
import { Fragment } from "react"; import { Fragment } from "react";
import { auth } from "@clerk/nextjs"; import { auth } from "@clerk/nextjs";
import { subscriptionPlanStatus } from "@/db/schema";
import { getCurrentPlan } from "../server/getCurrentPlan"; import { getCurrentPlan } from "../server/getCurrentPlan";
const tiers = [ const tiers = [
@ -38,7 +37,22 @@ const tiers = [
mostPopular: true, mostPopular: true,
}, },
]; ];
const sections = [ type TierFeature = {
Basic?: string | JSX.Element | boolean;
Pro?: string | JSX.Element | boolean;
Enterprise?: string | JSX.Element | boolean;
};
type Feature = {
name: string;
tiers: TierFeature;
};
type Section = {
name: string;
features: Feature[];
};
const sections: Section[] = [
{ {
name: "Features", name: "Features",
features: [ features: [
@ -212,7 +226,7 @@ export default async function PricingList() {
<li key={section.name}> <li key={section.name}>
<ul role="list" className="space-y-4"> <ul role="list" className="space-y-4">
{section.features.map((feature) => {section.features.map((feature) =>
feature.tiers[tier.name] ? ( feature.tiers[tier.name as keyof TierFeature] ? (
<li key={feature.name} className="flex gap-x-3"> <li key={feature.name} className="flex gap-x-3">
<Check <Check
className="h-6 w-5 flex-none text-indigo-600" className="h-6 w-5 flex-none text-indigo-600"
@ -220,9 +234,17 @@ export default async function PricingList() {
/> />
<span> <span>
{feature.name}{" "} {feature.name}{" "}
{typeof feature.tiers[tier.name] === "string" ? ( {typeof feature.tiers[
tier.name as keyof TierFeature
] === "string" ? (
<span className="text-sm leading-6 text-gray-500"> <span className="text-sm leading-6 text-gray-500">
({feature.tiers[tier.name]}) (
{
feature.tiers[
tier.name as keyof TierFeature
]
}
)
</span> </span>
) : null} ) : null}
</span> </span>
@ -338,14 +360,20 @@ export default async function PricingList() {
</th> </th>
{tiers.map((tier) => ( {tiers.map((tier) => (
<td key={tier.id} className="px-6 py-4 xl:px-8"> <td key={tier.id} className="px-6 py-4 xl:px-8">
{typeof feature.tiers[tier.name] === "string" || {typeof feature.tiers[
typeof feature.tiers[tier.name] === "object" ? ( tier.name as keyof TierFeature
] === "string" ||
typeof feature.tiers[
tier.name as keyof TierFeature
] === "object" ? (
<div className="flex items-center justify-center text-center text-sm leading-6 text-gray-500"> <div className="flex items-center justify-center text-center text-sm leading-6 text-gray-500">
{feature.tiers[tier.name]} {feature.tiers[tier.name as keyof TierFeature]}
</div> </div>
) : ( ) : (
<> <>
{feature.tiers[tier.name] === true ? ( {feature.tiers[
tier.name as keyof TierFeature
] === true ? (
<Check <Check
className="mx-auto h-5 w-5 text-indigo-600" className="mx-auto h-5 w-5 text-indigo-600"
aria-hidden="true" aria-hidden="true"
@ -358,7 +386,9 @@ export default async function PricingList() {
)} )}
<span className="sr-only"> <span className="sr-only">
{feature.tiers[tier.name] === true {feature.tiers[
tier.name as keyof TierFeature
] === true
? "Included" ? "Included"
: "Not included"}{" "} : "Not included"}{" "}
in {tier.name} in {tier.name}