Removed some storybook stories

This commit is contained in:
James Ritchie
2023-12-05 14:00:03 +00:00
parent be57dbb933
commit 33a0c3ff26
3 changed files with 0 additions and 93 deletions
@@ -1,34 +0,0 @@
import type { Meta, StoryObj } from "@storybook/react";
import { PricingCalculator } from "../billing/PricingCalculator";
import { RunsVolumeDiscountTable } from "../billing/RunsVolumeDiscountTable";
const meta: Meta<typeof Calculator> = {
title: "Billing/PricingCalculator",
component: Calculator,
};
export default meta;
type Story = StoryObj<typeof Calculator>;
export const BillingCalculator: Story = {
render: (args) => <Calculator />,
};
function Calculator() {
return (
<div className="m-12 flex flex-col gap-8">
<div className="flex h-full w-full rounded-md border border-border p-6">
<PricingCalculator />
<div className="mx-6 min-h-full w-px bg-border" />
<RunsVolumeDiscountTable />
</div>
<div className="flex w-full rounded-md border border-border p-6">
<PricingCalculator />
</div>
<div className="flex w-fit rounded-md border border-border p-6">
<RunsVolumeDiscountTable />
</div>
</div>
);
}
@@ -1,27 +0,0 @@
import type { Meta, StoryObj } from "@storybook/react";
import { PricingTiers, TierEnterprise, TierFree, TierPro } from "../billing/PricingTiers";
const meta: Meta<typeof AllPricingTiers> = {
title: "Billing/PricingTiers",
component: AllPricingTiers,
};
export default meta;
type Story = StoryObj<typeof AllPricingTiers>;
export const AllTiers: Story = {
render: (args) => <AllPricingTiers />,
};
function AllPricingTiers() {
return (
<div className="mx-4 flex h-screen flex-col items-center justify-center gap-4">
<PricingTiers className="w-[80rem]">
<TierFree />
<TierPro />
<TierEnterprise />
</PricingTiers>
</div>
);
}
@@ -1,32 +0,0 @@
import type { Meta, StoryObj } from "@storybook/react";
import { TooltipProps } from "recharts";
import { ConcurrentRunsChart } from "../billing/ConcurrentRunsChart";
const meta: Meta<typeof UsageCharts> = {
title: "Billing/UsageCharts",
component: UsageCharts,
};
export default meta;
type Story = StoryObj<typeof UsageCharts>;
export const ConcurrentRuns: Story = {
render: () => <UsageCharts />,
};
export const RunQueue: Story = {
render: () => <RunQueueChart />,
};
function UsageCharts() {
return (
<div className="mx-4 flex h-screen items-center justify-center">
<ConcurrentRunsChart concurrentRunsLimit={25} />
</div>
);
}
function RunQueueChart() {
return <div className="mx-4 flex h-screen items-center justify-center">Run Queue chart</div>;
}