f9c03c8bf1
- New StandingsPreview component with gold/silver/bronze row tints for top 3, team avatar, and LeagueRow-style stat columns (Ranking + Points) with rank and 7-day point change indicators - Fix GradientIcon in Storybook by adding BracktGradients decorator to preview.tsx (renamed from .ts to support JSX) - Fix degenerate SVG gradient on horizontal strokes by switching BracktGradients to gradientUnits="userSpaceOnUse" with Lucide-space coordinates (0→24) - Revert erroneous fill: url(#gradient) from GradientIcon; stroke-only fix was sufficient once gradientUnits was corrected Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
33 lines
780 B
TypeScript
33 lines
780 B
TypeScript
import React from 'react';
|
|
import { withRouter } from 'storybook-addon-remix-react-router';
|
|
import type { Preview, Decorator } from '@storybook/react-vite'
|
|
import '../app/app.css'
|
|
import { BracktGradients } from '../app/components/ui/BracktGradients';
|
|
|
|
const withBracktGradients: Decorator = (Story) => (
|
|
<>
|
|
<BracktGradients />
|
|
<Story />
|
|
</>
|
|
);
|
|
|
|
const preview: Preview = {
|
|
decorators: [withRouter, withBracktGradients],
|
|
parameters: {
|
|
controls: {
|
|
matchers: {
|
|
color: /(background|color)$/i,
|
|
date: /Date$/i,
|
|
},
|
|
},
|
|
|
|
a11y: {
|
|
// 'todo' - show a11y violations in the test UI only
|
|
// 'error' - fail CI on a11y violations
|
|
// 'off' - skip a11y checks entirely
|
|
test: 'todo'
|
|
}
|
|
},
|
|
};
|
|
|
|
export default preview;
|