fixes

2025-03-25 17:27:09 +01:00
parent 93962e4c59
commit 310a5a7a68
17 changed files with 914 additions and 523 deletions
--- a/packages/design-system/lib/components/RateCard/Points/Points.stories.tsx
+++ b/packages/design-system/lib/components/RateCard/Points/Points.stories.tsx
@@ -0,0 +1,129 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import PointsRateCard from '.'
+
+const meta: Meta<typeof PointsRateCard> = {
+  title: 'Components/RateCard/Points',
+  component: PointsRateCard,
+  decorators: [
+    (Story) => (
+      <div style={{ maxWidth: '400px' }}>
+        <Story />
+      </div>
+    ),
+  ],
+  argTypes: {
+    rateTitle: { control: 'text' },
+    paymentTerm: { control: 'text' },
+    bannerText: { control: 'text' },
+    rates: { control: 'object' },
+    selectedRate: { control: 'text' },
+    onRateSelect: { action: 'onRateSelect' },
+    isNotEnoughPoints: { control: 'boolean' },
+    notEnoughPointsText: { control: 'text' },
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof PointsRateCard>
+
+export const Default: Story = {
+  args: {
+    rateTitle: 'FREE CANCELLATION',
+    paymentTerm: 'PAY LATER',
+    bannerText: 'Reward night ∙ Breakfast included',
+    rates: [
+      {
+        points: '20000',
+        currency: 'PTS',
+      },
+      {
+        points: '15000',
+        currency: 'PTS',
+        additionalPrice: {
+          price: '250',
+          currency: 'EUR',
+        },
+      },
+      {
+        points: '10000',
+        currency: 'PTS',
+        additionalPrice: {
+          price: '500',
+          currency: 'EUR',
+        },
+      },
+    ],
+    selectedRate: undefined,
+    onRateSelect: (value) => console.log(value),
+  },
+}
+
+export const WithDisabledRates: Story = {
+  args: {
+    rateTitle: 'FREE CANCELLATION',
+    paymentTerm: 'PAY LATER',
+    bannerText: 'Reward night ∙ Breakfast included',
+    rates: [
+      {
+        points: '20000',
+        currency: 'PTS',
+        isDisabled: true,
+      },
+      {
+        points: '15000',
+        currency: 'PTS',
+        isDisabled: true,
+        additionalPrice: {
+          price: '250',
+          currency: 'EUR',
+        },
+      },
+      {
+        points: '10000',
+        currency: 'PTS',
+        additionalPrice: {
+          price: '500',
+          currency: 'EUR',
+        },
+      },
+    ],
+    selectedRate: '2',
+    onRateSelect: (value) => console.log(value),
+  },
+}
+
+export const NotEnoughPoints: Story = {
+  args: {
+    rateTitle: 'FREE CANCELLATION',
+    paymentTerm: 'PAY LATER',
+    bannerText: 'Reward night ∙ Breakfast included',
+    rates: [
+      {
+        points: '20000',
+        currency: 'PTS',
+      },
+      {
+        points: '15000',
+        currency: 'PTS',
+        additionalPrice: {
+          price: '250',
+          currency: 'EUR',
+        },
+      },
+      {
+        points: '10000',
+        currency: 'PTS',
+        additionalPrice: {
+          price: '500',
+          currency: 'EUR',
+        },
+      },
+    ],
+    selectedRate: undefined,
+    isNotEnoughPoints: true,
+    notEnoughPointsText: 'Not enough points',
+    onRateSelect: (value) => console.log(value),
+  },
+}