veza/apps/web/src/features/chat/components/ChatSidebar.stories.tsx

28 lines
905 B
TypeScript

import type { Meta, StoryObj } from '@storybook/react';
import { ChatSidebar } from './ChatSidebar';
import { ToastProvider } from '@/components/feedback/ToastProvider';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
const queryClient = new QueryClient();
const meta = {
title: 'Features/Chat/ChatSidebar',
component: ChatSidebar,
tags: ['autodocs'],
decorators: [
(Story) => (
<QueryClientProvider client={queryClient}>
<ToastProvider>
<div className="w-[300px] h-[600px] border rounded-lg overflow-hidden bg-kodo-graphite">
<Story />
</div>
</ToastProvider>
</QueryClientProvider>
),
],
} satisfies Meta<typeof ChatSidebar>;
export default meta;
type Story = StoryObj<typeof meta>;
export const Default: Story = {};