feat: update NEXT_PUBLIC_COMMIT_SHA and enhance MusicPage with user greeting and recent albums display

This commit is contained in:
2025-06-26 13:04:11 -05:00
parent b6ea2fc30d
commit e43dbbfd7e
2 changed files with 18 additions and 6 deletions

View File

@@ -1 +1 @@
NEXT_PUBLIC_COMMIT_SHA=7e28333 NEXT_PUBLIC_COMMIT_SHA=b6ea2fc

View File

@@ -7,10 +7,10 @@ import { AlbumArtwork } from './components/album-artwork';
import { useNavidrome } from './components/NavidromeContext'; import { useNavidrome } from './components/NavidromeContext';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { Album } from '@/lib/navidrome'; import { Album } from '@/lib/navidrome';
import { LoginForm } from '@/app/components/start-screen'; import { useNavidromeConfig } from './components/NavidromeConfigContext';
export default function MusicPage() { export default function MusicPage() {
const { albums, isLoading} = useNavidrome(); const { albums, isLoading } = useNavidrome();
const [recentAlbums, setRecentAlbums] = useState<Album[]>([]); const [recentAlbums, setRecentAlbums] = useState<Album[]>([]);
const [newestAlbums, setNewestAlbums] = useState<Album[]>([]); const [newestAlbums, setNewestAlbums] = useState<Album[]>([]);
@@ -24,20 +24,32 @@ export default function MusicPage() {
} }
}, [albums]); }, [albums]);
// Get greeting based on time
const hour = new Date().getHours();
const greeting = hour < 12 ? 'Good morning' : 'Good afternoon';
// Try to get user name from navidrome context, fallback to 'user'
let userName = '';
// If you add user info to NavidromeContext, update this logic
const { config } = useNavidromeConfig();
if (config && config.username) {
userName = config.username;
}
return ( return (
<div className="h-full px-4 py-6 lg:px-8 pb-24"> <div className="h-full px-4 py-6 lg:px-8 pb-24">
<> <h1 className="text-2xl font-bold mb-4">{greeting}{userName ? `, ${userName}` : ''}!</h1>
<>
<Tabs defaultValue="music" className="h-full space-y-6"> <Tabs defaultValue="music" className="h-full space-y-6">
<TabsContent value="music" className="border-none p-0 outline-none"> <TabsContent value="music" className="border-none p-0 outline-none">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="space-y-1"> <div className="space-y-1">
<p className="text-2xl font-semibold tracking-tight"> <p className="text-2xl font-semibold tracking-tight">
Recently Added Recently Played
</p> </p>
<p className="text-sm text-muted-foreground"> <p className="text-sm text-muted-foreground">
Latest additions to your music library. Albums you've listened to recently.
</p> </p>
</div> </div>
</div> </div>