diff --git a/web/app/components/billing/trigger-events-limit-modal/index.stories.tsx b/web/app/components/billing/trigger-events-limit-modal/index.stories.tsx deleted file mode 100644 index eed6acac9b..0000000000 --- a/web/app/components/billing/trigger-events-limit-modal/index.stories.tsx +++ /dev/null @@ -1,97 +0,0 @@ -import type { Meta, StoryObj } from '@storybook/nextjs' -import React, { useEffect, useState } from 'react' -import i18next from 'i18next' -import { I18nextProvider } from 'react-i18next' -import TriggerEventsLimitModal from '.' -import { Plan } from '../type' - -const i18n = i18next.createInstance() -i18n.init({ - lng: 'en', - resources: { - en: { - translation: { - billing: { - triggerLimitModal: { - title: 'Upgrade to unlock unlimited triggers per workflow', - description: 'You’ve reached the limit of 2 triggers per workflow for this plan. Upgrade to publish this workflow.', - dismiss: 'Dismiss', - upgrade: 'Upgrade', - usageTitle: 'TRIGGER EVENTS', - }, - usagePage: { - triggerEvents: 'Trigger Events', - resetsIn: 'Resets in {{count, number}} days', - }, - upgradeBtn: { - encourage: 'Upgrade Now', - encourageShort: 'Upgrade', - plain: 'View Plan', - }, - }, - }, - }, - }, -}) - -const Template = (args: React.ComponentProps) => { - const [visible, setVisible] = useState(args.show ?? true) - useEffect(() => { - setVisible(args.show ?? true) - }, [args.show]) - const handleHide = () => setVisible(false) - return ( - -
- - -
-
- ) -} - -const meta = { - title: 'Billing/TriggerEventsLimitModal', - component: TriggerEventsLimitModal, - parameters: { - layout: 'centered', - }, - args: { - show: true, - usage: 120, - total: 120, - resetInDays: 5, - planType: Plan.professional, - }, -} satisfies Meta - -export default meta -type Story = StoryObj - -export const Professional: Story = { - args: { - onDismiss: () => { /* noop */ }, - onUpgrade: () => { /* noop */ }, - }, - render: args =>