ui: add BulkModeBanner to LibraryPage (Action 8.4.1.2)
- Imported BulkModeBanner component - Added banner at top of content area (before header) - Banner shows when isBulkMode is true - Displays selectedTracks.size count - onClose handler disables bulk mode and clears selection - Banner appears above ErrorDisplay for proper visual hierarchy - Part of Action 8.4.1.2: Show banner in LibraryPage when bulk mode active
This commit is contained in:
parent
2e55dbf065
commit
8301aa99e2
1 changed files with 9 additions and 0 deletions
|
|
@ -53,6 +53,7 @@ import { Pagination } from '@/components/navigation/Pagination';
|
|||
import { ConfirmationDialog } from '@/components/ui/confirmation-dialog';
|
||||
import { LoadingState } from '@/components/ui/LoadingState';
|
||||
import { Sidebar } from '@/components/ui/Sidebar';
|
||||
import { BulkModeBanner } from '@/components/BulkModeBanner';
|
||||
import { logger } from '@/utils/logger';
|
||||
import { parseApiError } from '@/utils/apiErrorHandler';
|
||||
import { cn } from '@/lib/utils';
|
||||
|
|
@ -311,6 +312,14 @@ export default function LibraryPagePremium() {
|
|||
|
||||
return (
|
||||
<div className="space-y-6 animate-fade-in">
|
||||
<BulkModeBanner
|
||||
isActive={isBulkMode}
|
||||
selectedCount={selectedTracks.size}
|
||||
onClose={() => {
|
||||
setIsBulkMode(false);
|
||||
setSelectedTracks(new Set());
|
||||
}}
|
||||
/>
|
||||
{mutationError && (
|
||||
<ErrorDisplay
|
||||
error={mutationError}
|
||||
|
|
|
|||
Loading…
Reference in a new issue