refactor: colocate frontend component files

2026-09-23 08:34:58 +03:00
parent 85fcfe3d07
commit b987fd8e78
190 changed files with 131 additions and 108 deletions
@@ -0,0 +1,67 @@
+import { SimpleGrid } from "@mantine/core";
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { BankCardFace } from "./BankCardFace";
+
+const meta = {
+	title: "Product/BankCards/CardAppearance",
+	component: BankCardFace,
+	tags: ["autodocs"],
+	args: {
+		card: {
+			id: "fictional",
+			name: "Для повседневных покупок",
+			bankName: "Сбербанк",
+			lastFour: "4829",
+			paymentSystem: "mir",
+			openingBalance: { value: "0", currency: "RUB" },
+			openingDate: "2026-01-01",
+			balance: { value: "128450.75", currency: "RUB" },
+			archivedAt: null,
+			version: 1,
+		},
+	},
+} satisfies Meta<typeof BankCardFace>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export const Banks: Story = {
+	render: (args) => (
+		<SimpleGrid cols={{ base: 1, sm: 2 }} maw={920}>
+			{["Сбербанк", "Т-Банк", "Альфа-Банк", "ВТБ", null].map(
+				(bankName, index) => (
+					<BankCardFace
+						key={bankName ?? "unknown"}
+						card={{
+							...args.card,
+							bankName,
+							paymentSystem:
+								(["mir", "mastercard", "visa", "mir", null] as const)[index] ??
+								null,
+						}}
+					/>
+				),
+			)}
+		</SimpleGrid>
+	),
+};
+export const MissingDetails: Story = {
+	args: {
+		card: {
+			...meta.args.card,
+			bankName: null,
+			lastFour: null,
+			paymentSystem: null,
+		},
+	},
+};
+export const LongArchived: Story = {
+	args: {
+		card: {
+			...meta.args.card,
+			name: "Карта с очень длинным пользовательским названием для повседневных покупок",
+			bankName: "Банк с очень длинным названием без пробелов".repeat(2),
+			archivedAt: "2026-09-12",
+			paymentSystem: "mastercard",
+			balance: { value: "184467440737095516.14", currency: "RUB" },
+		},
+	},
+};