8e9ee2f3a5
Complete stabilization pass bringing all 3 stacks to green: Frontend (apps/web/): - Fix TypeScript nullability in useSeason.ts, useTimeOfDay.ts hooks - Disable no-undef in ESLint config (TypeScript handles it; JSX misidentified) - Rename 306 story imports from @storybook/react to @storybook/react-vite - Fix conditional hook call in useMediaQuery.ts useIsTablet - Move useQuery to top of LoginPage.tsx component - Remove useless try/catch in GearFormModal.tsx - Fix stale closure in ResetPasswordPage.tsx handleChange - Make Storybook decorators (withRouter, withQueryClient, withToast, withAudio) no-ops since global StorybookDecorator already provides these — prevents nested Router / duplicate provider crashes in vitest-browser - Fix nested MemoryRouter in 3 page stories (TrackDetail, PlaylistDetail, UserProfile) - Update i18n initialization in test setup (await init before changeLanguage) - Update ~30 test assertions from English to French to match i18n translations - Update test assertions to match SUMI V3 design changes (shadow vs border) - Fix remaining story type errors (PlayerError, PlaylistBatchActions, TrackFilters, VirtualizedChatMessages) Backend (veza-backend-api/): - Fix response_test.go RespondWithAppError signature (2 args, not 3) - Fix TestErrorContractAuthEndpoints expected error codes (ErrCodeUnauthorized vs ErrCodeInvalidCredentials) - Fix TestTrackHandler_GetTrackLikes_Success missing auth middleware setup - Fix TestPlaybackAnalyticsService_GetTrackStats k-anonymity threshold (needs 5 unique users, not 1) - Replace NOW() PostgreSQL function with time.Now() parameter in marketplace service for SQLite test compatibility - Add missing AutoMigrate entries in marketplace_test.go (ProductImage, ProductPreview, ProductLicense, ProductReview) Results: - Frontend TypeCheck: 617 errors -> 0 errors - Frontend ESLint: 349 errors -> 0 errors - Frontend Vitest: 196 failing tests -> 1 skipped (3396/3397 passing) - Backend go vet: 1 error -> 0 errors - Backend tests: 5 failing -> all 13 packages passing - Rust: 150/150 tests passing (unchanged) - Storybook audit: 0 errors across 1244 stories Triage report: docs/TRIAGE_REPORT.md Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
70 lines
2 KiB
TypeScript
70 lines
2 KiB
TypeScript
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
import { VirtualizedList } from './virtualized-list';
|
|
|
|
// Generate 1000 items
|
|
interface ListItem {
|
|
id: number;
|
|
text: string;
|
|
description: string;
|
|
}
|
|
|
|
const items: ListItem[] = Array.from({ length: 1000 }, (_, i) => ({
|
|
id: i,
|
|
text: `Item ${i + 1}`,
|
|
description: `This is the description for item ${i + 1}. Scrolling is optimized.`,
|
|
}));
|
|
|
|
const meta = {
|
|
title: 'UI/VirtualizedList',
|
|
component: VirtualizedList,
|
|
tags: ['autodocs'],
|
|
argTypes: {
|
|
itemHeight: { control: 'number' },
|
|
containerHeight: { control: 'number' },
|
|
overscan: { control: 'number' },
|
|
},
|
|
} satisfies Meta;
|
|
|
|
export default meta;
|
|
type Story = StoryObj<typeof meta>;
|
|
|
|
export const Default: Story = {
|
|
args: {
|
|
items,
|
|
itemHeight: 70,
|
|
containerHeight: 400,
|
|
className: 'border border-border rounded-md',
|
|
renderItem: (item: unknown) => {
|
|
const typedItem = item as ListItem;
|
|
return (
|
|
<div
|
|
key={typedItem.id}
|
|
className="h-[70px] p-4 border-b border-border flex flex-col justify-center hover:bg-white/5 transition-colors"
|
|
>
|
|
<span className="font-bold text-foreground">{typedItem.text}</span>
|
|
<span className="text-xs text-muted-foreground">{typedItem.description}</span>
|
|
</div>
|
|
);
|
|
},
|
|
},
|
|
};
|
|
|
|
export const SmallItems: Story = {
|
|
args: {
|
|
items,
|
|
itemHeight: 30,
|
|
containerHeight: 300,
|
|
className: 'border border-border rounded-md',
|
|
renderItem: (item: unknown) => {
|
|
const typedItem = item as ListItem;
|
|
return (
|
|
<div
|
|
key={typedItem.id}
|
|
className="h-[30px] px-4 flex items-center border-b border-white/5 hover:bg-white/5 text-sm"
|
|
>
|
|
{typedItem.text}
|
|
</div>
|
|
);
|
|
},
|
|
},
|
|
};
|