nfel/podzahr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

main: add many things to app :)

Browse Source 
Signed-off-by: nfel <nfilsaraee@gmail.com>
This commit is contained in:
nfel
2025-12-30 01:30:31 +03:30
parent 91c149e92e
commit 895afc44af
26 changed files with 2180 additions and 249 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/admin/albums/page.tsx
+18 -18
View File
@@ -68,14 +68,14 @@ export default function AdminAlbumsPage() {
{/* Header */}
<div className="flex items-center justify-between mb-8">
<div>
<h1 className="text-3xl font-bold text-white mb-2">Album Management</h1>
<p className="text-gray-400">Manage your music catalog • {albums.length} albums</p>
<h1 className="text-3xl font-bold text-paper-dark mb-2 border-b-4 border-paper-dark inline-block pb-1">Album Management</h1>
<p className="text-paper-gray mt-4">Manage your music catalog • {albums.length} albums</p>
</div>
<motion.button
whileHover={{ scale: 1.05 }}
whileTap={{ scale: 0.95 }}
onClick={() => setShowAddModal(true)}
className="px-6 py-3 bg-gradient-to-r from-accent-cyan to-accent-cyan/80 hover:from-accent-cyan/90 hover:to-accent-cyan/70 rounded-lg font-semibold text-white transition-all glow-cyan flex items-center gap-2"
className="px-6 py-3 bg-paper-brown hover:bg-paper-dark border-2 border-paper-dark font-semibold text-paper-light transition-all shadow-paper-lg flex items-center gap-2"
>
<FaPlus />
Add New Album
@@ -90,28 +90,28 @@ export default function AdminAlbumsPage() {
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ delay: index * 0.1 }}
className="glass-effect rounded-xl p-6 border border-white/10"
className="paper-card p-6 border-2 border-paper-brown shadow-paper"
>
<div className="flex gap-4">
{/* Album Cover */}
<div className="w-24 h-24 rounded-lg bg-gradient-to-br from-accent-cyan/20 to-accent-orange/20 flex items-center justify-center flex-shrink-0">
<span className="text-xs text-white/50 font-bold text-center px-2">
<div className="w-24 h-24 bg-paper-brown border-2 border-paper-dark flex items-center justify-center flex-shrink-0">
<span className="text-xs text-paper-dark/50 font-bold text-center px-2">
{album.title}
</span>
</div>
{/* Album Info */}
<div className="flex-1">
<h3 className="text-xl font-bold text-white mb-1">{album.title}</h3>
<p className="text-sm text-gray-400 mb-2">
<h3 className="text-xl font-bold text-paper-dark mb-1">{album.title}</h3>
<p className="text-sm text-paper-gray mb-2">
{album.year} • {album.genre}
</p>
<p className="text-sm text-gray-500 mb-3 line-clamp-2">
<p className="text-sm text-paper-brown mb-3 line-clamp-2">
{album.description}
</p>
<div className="flex items-center gap-4 text-sm text-gray-400">
<div className="flex items-center gap-4 text-sm text-paper-gray">
<span>{album.songs.length} tracks</span>
<span className="text-accent-orange font-bold">{formatPrice(album.price)}</span>
<span className="text-paper-brown font-bold">{formatPrice(album.price)}</span>
</div>
</div>
@@ -121,7 +121,7 @@ export default function AdminAlbumsPage() {
whileHover={{ scale: 1.1 }}
whileTap={{ scale: 0.9 }}
onClick={() => openEditModal(album)}
className="p-2 bg-accent-cyan/20 hover:bg-accent-cyan/30 rounded-lg text-accent-cyan transition-colors"
className="p-2 bg-paper-light hover:bg-paper-sand border-2 border-paper-brown text-paper-brown transition-colors"
aria-label="Edit album"
>
<FaEdit />
@@ -130,7 +130,7 @@ export default function AdminAlbumsPage() {
whileHover={{ scale: 1.1 }}
whileTap={{ scale: 0.9 }}
onClick={() => openDeleteModal(album)}
className="p-2 bg-red-500/20 hover:bg-red-500/30 rounded-lg text-red-400 transition-colors"
className="p-2 bg-red-100 hover:bg-red-200 border-2 border-red-400 text-red-700 transition-colors"
aria-label="Delete album"
>
<FaTrash />
@@ -139,19 +139,19 @@ export default function AdminAlbumsPage() {
</div>
{/* Track List */}
<div className="mt-4 pt-4 border-t border-white/10">
<p className="text-sm font-semibold text-gray-400 mb-2">Tracks:</p>
<div className="mt-4 pt-4 border-t-2 border-paper-brown">
<p className="text-sm font-semibold text-paper-dark mb-2">Tracks:</p>
<div className="space-y-1">
{album.songs.slice(0, 3).map((song, idx) => (
<div key={song.id} className="flex justify-between text-sm">
<span className="text-gray-300">
<span className="text-paper-dark">
{idx + 1}. {song.title}
</span>
<span className="text-gray-500 font-mono">{song.duration}</span>
<span className="text-paper-gray font-mono">{song.duration}</span>
</div>
))}
{album.songs.length > 3 && (
<p className="text-xs text-gray-500">+{album.songs.length - 3} more tracks</p>
<p className="text-xs text-paper-gray">+{album.songs.length - 3} more tracks</p>
)}
</div>
</div>