angel/mice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: remove Clock icon from album, songs, playlist, and queue pages for cleaner UI

Browse Source
This commit is contained in:
angel
2025-06-23 18:48:53 -05:00
parent b07685fe79
commit 507951a478
4 changed files with 4 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/album/[id]/page.tsx
View File

@@ -4,7 +4,7 @@ import { useParams } from 'next/navigation';
import Image from 'next/image'; import Image from 'next/image';
import { Album, Song } from '@/lib/navidrome'; import { Album, Song } from '@/lib/navidrome';
import { useNavidrome } from '@/app/components/NavidromeContext'; import { useNavidrome } from '@/app/components/NavidromeContext';
import { Play, Heart, Clock, User, Plus } from 'lucide-react'; import { Play, Heart, User, Plus } from 'lucide-react';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import Link from 'next/link'; import Link from 'next/link';
import { PlusIcon } from "@radix-ui/react-icons"; import { PlusIcon } from "@radix-ui/react-icons";
@@ -198,7 +198,6 @@ export default function AlbumPage() {
{/* Duration */} {/* Duration */}
<div className="flex items-center text-sm text-muted-foreground mr-4"> <div className="flex items-center text-sm text-muted-foreground mr-4">
<Clock className="w-3 h-3 mr-1" />
{formatDuration(song.duration)} {formatDuration(song.duration)}
</div> </div>

3
app/library/songs/page.tsx
View File

@@ -10,7 +10,7 @@ import { Separator } from '@/components/ui/separator';
import { ScrollArea } from '@/components/ui/scroll-area'; import { ScrollArea } from '@/components/ui/scroll-area';
import { Input } from '@/components/ui/input'; import { Input } from '@/components/ui/input';
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
import { Search, Play, Plus, Clock, User, Disc } from 'lucide-react'; import { Search, Play, Plus, User, Disc } from 'lucide-react';
import Loading from '@/app/components/loading'; import Loading from '@/app/components/loading';
import { getNavidromeAPI } from '@/lib/navidrome'; import { getNavidromeAPI } from '@/lib/navidrome';
@@ -274,7 +274,6 @@ export default function SongsPage() {
{/* Duration */} {/* Duration */}
<div className="flex items-center text-sm text-muted-foreground mr-4"> <div className="flex items-center text-sm text-muted-foreground mr-4">
<Clock className="w-3 h-3 mr-1" />
{formatDuration(song.duration)} {formatDuration(song.duration)}
</div> </div>

3
app/playlist/[id]/page.tsx
View File

@@ -8,7 +8,7 @@ import { Playlist, Song } from '@/lib/navidrome';
import { useNavidrome } from '@/app/components/NavidromeContext'; import { useNavidrome } from '@/app/components/NavidromeContext';
import { useAudioPlayer } from '@/app/components/AudioPlayerContext'; import { useAudioPlayer } from '@/app/components/AudioPlayerContext';
import { getNavidromeAPI } from '@/lib/navidrome'; import { getNavidromeAPI } from '@/lib/navidrome';
import { Play, Heart, Plus, Clock, User, Disc } from 'lucide-react'; import { Play, Heart, Plus, User, Disc } from 'lucide-react';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import Loading from "@/app/components/loading"; import Loading from "@/app/components/loading";
import { Separator } from '@/components/ui/separator'; import { Separator } from '@/components/ui/separator';
@@ -251,7 +251,6 @@ export default function PlaylistPage() {
{/* Duration */} {/* Duration */}
<div className="flex items-center text-sm text-muted-foreground mr-4"> <div className="flex items-center text-sm text-muted-foreground mr-4">
<Clock className="w-3 h-3 mr-1" />
{formatDuration(song.duration)} {formatDuration(song.duration)}
</div> </div>

4
app/queue/page.tsx
View File

@@ -7,7 +7,7 @@ import { useAudioPlayer } from '@/app/components/AudioPlayerContext';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import { Separator } from '@/components/ui/separator'; import { Separator } from '@/components/ui/separator';
import { ScrollArea } from '@/components/ui/scroll-area'; import { ScrollArea } from '@/components/ui/scroll-area';
import { Play, X, Clock, User, Disc, Trash2, SkipForward } from 'lucide-react'; import { Play, X, User, Disc, Trash2, SkipForward } from 'lucide-react';
const QueuePage: React.FC = () => { const QueuePage: React.FC = () => {
const { queue, currentTrack, removeTrackFromQueue, clearQueue, skipToTrackInQueue } = useAudioPlayer(); const { queue, currentTrack, removeTrackFromQueue, clearQueue, skipToTrackInQueue } = useAudioPlayer();
@@ -85,7 +85,6 @@ const QueuePage: React.FC = () => {
{/* Duration */} {/* Duration */}
<div className="flex items-center text-sm text-muted-foreground"> <div className="flex items-center text-sm text-muted-foreground">
<Clock className="w-3 h-3 mr-1" />
{formatDuration(currentTrack.duration)} {formatDuration(currentTrack.duration)}
</div> </div>
</div> </div>
@@ -171,7 +170,6 @@ const QueuePage: React.FC = () => {
{/* Duration */} {/* Duration */}
<div className="flex items-center text-sm text-muted-foreground mr-4"> <div className="flex items-center text-sm text-muted-foreground mr-4">
<Clock className="w-3 h-3 mr-1" />
{formatDuration(track.duration)} {formatDuration(track.duration)}
</div> </div>