feat: update NEXT_PUBLIC_COMMIT_SHA and enhance MusicPage with user greeting and recent albums display
This commit is contained in:
@@ -1 +1 @@
|
|||||||
NEXT_PUBLIC_COMMIT_SHA=7e28333
|
NEXT_PUBLIC_COMMIT_SHA=b6ea2fc
|
||||||
|
|||||||
22
app/page.tsx
22
app/page.tsx
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user