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>
96 lines
2.4 KiB
TypeScript
96 lines
2.4 KiB
TypeScript
import { X, CheckSquare } from 'lucide-react';
|
|
import { cn } from '@/lib/utils';
|
|
import { Button } from '@/components/ui/button';
|
|
|
|
/**
|
|
* BulkModeBannerProps - Propriétés du composant BulkModeBanner
|
|
*/
|
|
export interface BulkModeBannerProps {
|
|
/**
|
|
* Si true, le banner est affiché
|
|
*/
|
|
isActive: boolean;
|
|
|
|
/**
|
|
* Nombre d'éléments sélectionnés
|
|
*/
|
|
selectedCount: number;
|
|
|
|
/**
|
|
* Fonction appelée lors du clic sur le bouton de fermeture
|
|
* Doit désactiver le mode bulk et réinitialiser la sélection
|
|
*/
|
|
onClose: () => void;
|
|
|
|
/**
|
|
* Classes CSS personnalisées
|
|
*/
|
|
className?: string;
|
|
}
|
|
|
|
/**
|
|
* BulkModeBanner - Banner pour le mode sélection multiple
|
|
*
|
|
* Affiche un banner informatif lorsque le mode bulk est actif,
|
|
* montrant le nombre d'éléments sélectionnés et permettant
|
|
* de fermer le mode bulk.
|
|
*
|
|
* @example
|
|
* ```tsx
|
|
* <BulkModeBanner
|
|
* isActive={isBulkMode}
|
|
* selectedCount={selectedTracks.size}
|
|
* onClose={() => {
|
|
* setIsBulkMode(false);
|
|
* setSelectedTracks(new Set());
|
|
* }}
|
|
* />
|
|
* ```
|
|
*
|
|
* @component
|
|
* @param {BulkModeBannerProps} props - Propriétés du composant
|
|
* @returns {JSX.Element | null} Banner ou null si isActive est false
|
|
*/
|
|
export function BulkModeBanner({
|
|
isActive,
|
|
selectedCount,
|
|
onClose,
|
|
className,
|
|
}: BulkModeBannerProps) {
|
|
if (!isActive || selectedCount === 0) {
|
|
return null;
|
|
}
|
|
|
|
const itemText =
|
|
selectedCount === 1 ? 'élément sélectionné' : 'éléments sélectionnés';
|
|
|
|
return (
|
|
<div
|
|
role="status"
|
|
aria-live="polite"
|
|
aria-atomic="true"
|
|
className={cn(
|
|
'w-full bg-muted/10 shadow-[0_2px_6px_-2px_rgba(26,26,30,0.08)] text-muted-foreground',
|
|
'px-4 py-4 flex items-center justify-between gap-4',
|
|
'transition-all duration-[var(--sumi-duration-normal)]',
|
|
className,
|
|
)}
|
|
>
|
|
<div className="flex items-center gap-4 flex-1 min-w-0">
|
|
<CheckSquare className="w-5 h-5 flex-shrink-0" aria-hidden="true" />
|
|
<span className="text-sm font-medium">
|
|
<span className="font-bold">{selectedCount}</span> {itemText}
|
|
</span>
|
|
</div>
|
|
<Button
|
|
variant="ghost"
|
|
size="sm"
|
|
onClick={onClose}
|
|
className="text-muted-foreground hover:text-foreground hover:bg-white/5 h-auto py-1 px-2 flex-shrink-0"
|
|
aria-label="Fermer le mode sélection"
|
|
>
|
|
<X className="w-4 h-4" />
|
|
</Button>
|
|
</div>
|
|
);
|
|
}
|