master/rekordbox-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Remove music icon badge from PersistentMusicPlayer

Browse Source 
- Remove redundant 🎵 badge from the music player itself
- Clean up Badge import that's no longer needed
- Keep the player interface clean and focused on controls

The music player now has a cleaner look without redundant visual indicators.
This commit is contained in:
Geert Rademakes 2025-08-06 15:20:35 +02:00
parent 6244c7c6b8
commit a28fe003a0
1 changed files with 3 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/frontend/src/components/PersistentMusicPlayer.tsx
View File

@ -11,7 +11,6 @@ import {
SliderThumb, SliderThumb,
Icon, Icon,
useToast, useToast,
Badge,
} from '@chakra-ui/react'; } from '@chakra-ui/react';
import { import {
FiPlay, FiPlay,
@ -227,14 +226,9 @@ export const PersistentMusicPlayer: React.FC<PersistentMusicPlayerProps> = ({
<HStack spacing={4} align="center"> <HStack spacing={4} align="center">
{/* Song Info */} {/* Song Info */}
<VStack align="start" spacing={1} flex={1} minW={0}> <VStack align="start" spacing={1} flex={1} minW={0}>
<HStack spacing={2} align="center"> <Text fontWeight="bold" fontSize="md" color="white" noOfLines={1}>
<Text fontWeight="bold" fontSize="md" color="white" noOfLines={1}> {currentSong.title}
{currentSong.title} </Text>
</Text>
<Badge colorScheme="green" size="sm" variant="subtle" bg="green.900" color="green.200">
🎵
</Badge>
</HStack>
<Text fontSize="sm" color="gray.400" noOfLines={1}> <Text fontSize="sm" color="gray.400" noOfLines={1}>
{currentSong.artist} {currentSong.artist}
</Text> </Text>