85 lines
2.8 KiB
TypeScript
85 lines
2.8 KiB
TypeScript
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
import { EventGridSkeleton } from '@/components/events/event-grid/event-grid.skeleton';
|
|
import { EventGridView } from '@/components/events/event-grid/event-grid.view';
|
|
import { Button } from '@/components/ui/button';
|
|
import { Skeleton as UiSkeleton } from '@/components/ui/skeleton';
|
|
|
|
const meta = {
|
|
title: 'Events/EventGrid',
|
|
component: EventGridView,
|
|
} satisfies Meta<typeof EventGridView>;
|
|
|
|
export default meta;
|
|
type Story = StoryObj<typeof meta>;
|
|
|
|
export const Primary: Story = {
|
|
args: {
|
|
events: [
|
|
{
|
|
eventId: '1',
|
|
requireKyc: true,
|
|
isJoined: false,
|
|
type: 'official',
|
|
coverImage: 'https://github.com/NixOS/nixos-artwork/blob/master/wallpapers/nix-wallpaper-watersplash.png?raw=true',
|
|
eventName: 'Nix CN Conference 26.05',
|
|
description: 'Event Description',
|
|
startTime: new Date('2026-06-13T04:00:00.000Z'),
|
|
endTime: new Date('2026-06-14T04:00:00.000Z'),
|
|
},
|
|
{
|
|
eventId: '2',
|
|
requireKyc: true,
|
|
isJoined: false,
|
|
type: 'official',
|
|
coverImage: 'https://github.com/NixOS/nixos-artwork/blob/master/wallpapers/nix-wallpaper-moonscape.png?raw=true',
|
|
eventName: 'Nix CN Conference 26.05',
|
|
description: 'Event Description',
|
|
startTime: new Date('2026-06-13T04:00:00.000Z'),
|
|
endTime: new Date('2026-06-14T04:00:00.000Z'),
|
|
},
|
|
{
|
|
eventId: '3',
|
|
requireKyc: true,
|
|
isJoined: false,
|
|
type: 'official',
|
|
coverImage: 'https://github.com/NixOS/nixos-artwork/blob/master/wallpapers/nix-wallpaper-nineish-catppuccin-latte.png?raw=true',
|
|
eventName: 'Nix CN Conference 26.05',
|
|
description: 'Event Description',
|
|
startTime: new Date('2026-06-13T04:00:00.000Z'),
|
|
endTime: new Date('2026-06-14T04:00:00.000Z'),
|
|
},
|
|
{
|
|
eventId: '4',
|
|
requireKyc: true,
|
|
isJoined: false,
|
|
type: 'official',
|
|
coverImage: 'https://github.com/NixOS/nixos-artwork/blob/master/wallpapers/nixos-wallpaper-catppuccin-macchiato.png?raw=true',
|
|
eventName: 'Nix CN Conference 26.05',
|
|
description: 'Event Description',
|
|
startTime: new Date('2026-06-13T04:00:00.000Z'),
|
|
endTime: new Date('2026-06-14T04:00:00.000Z'),
|
|
},
|
|
],
|
|
footer: () => <Button className="w-full">加入活动</Button>,
|
|
},
|
|
};
|
|
|
|
export const Empty: Story = {
|
|
decorators: [Story => <div className="h-screen"><Story /></div>],
|
|
args: {
|
|
events: [],
|
|
footer: () => <Button className="w-full">加入活动</Button>,
|
|
},
|
|
parameters: {
|
|
layout: 'fullscreen',
|
|
},
|
|
};
|
|
|
|
export const Loading: Story = {
|
|
render: () => <EventGridSkeleton />,
|
|
args: {
|
|
events: [],
|
|
footer: () => <UiSkeleton className="w-full" />,
|
|
},
|
|
};
|