Adjusted Per seat billing and added example to the sample schema

This commit is contained in:
giancarlo
2024-04-22 22:48:02 +08:00
parent b96d4cf855
commit 70da6ef1fa
19 changed files with 2190 additions and 2066 deletions

View File

@@ -61,7 +61,7 @@ export function LineItemDetails(
);
const FlatFee = () => (
<div key={item.id} className={'flex flex-col'}>
<div className={'flex flex-col'}>
<div className={className}>
<span className={'flex items-center space-x-1'}>
<span className={'flex items-center space-x-1.5'}>
@@ -115,8 +115,8 @@ export function LineItemDetails(
);
const PerSeat = () => (
<div className={'flex flex-col'}>
<div key={item.id} className={className}>
<div key={index} className={'flex flex-col'}>
<div className={className}>
<span className={'flex items-center space-x-1.5'}>
<PlusSquare className={'w-4'} />
@@ -141,7 +141,7 @@ export function LineItemDetails(
);
const Metered = () => (
<div key={item.id} className={'flex flex-col'}>
<div key={index} className={'flex flex-col'}>
<div className={className}>
<span className={'flex items-center space-x-1'}>
<span className={'flex items-center space-x-1.5'}>
@@ -179,13 +179,13 @@ export function LineItemDetails(
switch (item.type) {
case 'flat':
return <FlatFee />;
return <FlatFee key={item.id} />;
case 'per-seat':
return <PerSeat />;
case 'per_seat':
return <PerSeat key={item.id} />;
case 'metered': {
return <Metered />;
return <Metered key={item.id} />;
}
}
})}