From 8486cd195f8a3a29243cc5690a0f03df08218de0 Mon Sep 17 00:00:00 2001
From: angel <sillyangel3@gmail.com>
Date: Wed, 2 Jul 2025 00:55:55 +0000
Subject: [PATCH] feat: update commit SHA, enhance AudioPlayer and
 FullScreenPlayer components with improved layout and functionality, and add
 context menu support

---
 .env.local                          |  2 +-
 app/components/AudioPlayer.tsx      |  9 ++++++---
 app/components/FullScreenPlayer.tsx | 15 +++++++++++++--
 3 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/.env.local b/.env.local
index b2174de..8fe37f5 100644
--- a/.env.local
+++ b/.env.local
@@ -1 +1 @@
-NEXT_PUBLIC_COMMIT_SHA=d6ac247
+NEXT_PUBLIC_COMMIT_SHA=707960b
diff --git a/app/components/AudioPlayer.tsx b/app/components/AudioPlayer.tsx
index 2bed2d4..98d0065 100644
--- a/app/components/AudioPlayer.tsx
+++ b/app/components/AudioPlayer.tsx
@@ -428,12 +428,13 @@ export const AudioPlayer: React.FC = () => {
               <p className="text-xs text-muted-foreground truncate">{currentTrack.artist}</p>
             </div>
           </div>
-          {/* Control buttons */}
+
+          {/* Control buttons */}  
+        <div className="flex items-center justify-center space-x-2 ">
           <button
                 onClick={toggleShuffle} className={`p-1.5 hover:bg-gray-700/50 rounded-full transition-colors ${   shuffle ? 'text-primary bg-primary/20' : '' }`} title={shuffle ? 'Shuffle On - Queue is shuffled' : 'Shuffle Off - Click to shuffle queue'}>
                 <FaShuffle className="w-3 h-3" />
-              </button>
-        <div className="flex items-center justify-center space-x-2">
+            </button>
           <button className="p-1.5 hover:bg-gray-700/50 rounded-full transition-colors" onClick={playPreviousTrack}>
             <FaBackward className="w-3 h-3" />
           </button>
@@ -455,6 +456,8 @@ export const AudioPlayer: React.FC = () => {
                   className={`w-4 h-4 ${currentTrack.starred ? 'text-primary fill-primary' : ''}`} 
                 />
               </button>
+
+              
         </div>
           <div className="flex items-center space-x-1 ml-2">
             <button 
diff --git a/app/components/FullScreenPlayer.tsx b/app/components/FullScreenPlayer.tsx
index a39648d..84696da 100644
--- a/app/components/FullScreenPlayer.tsx
+++ b/app/components/FullScreenPlayer.tsx
@@ -2,6 +2,7 @@
 
 import React, { useEffect, useRef, useState } from 'react';
 import Image from 'next/image';
+import { useRouter } from 'next/navigation';
 import { useAudioPlayer } from '@/app/components/AudioPlayerContext';
 import { Progress } from '@/components/ui/progress';
 import { lrcLibClient } from '@/lib/lrclib';
@@ -22,6 +23,12 @@ import {
 import { Heart } from 'lucide-react';
 import { Card, CardContent } from '@/components/ui/card';
 import { ScrollArea } from '@/components/ui/scroll-area';
+import {
+  ContextMenu,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuTrigger,
+} from "@/components/ui/context-menu";
 
 interface LyricLine {
   time: number;
@@ -36,6 +43,7 @@ interface FullScreenPlayerProps {
 
 export const FullScreenPlayer: React.FC<FullScreenPlayerProps> = ({ isOpen, onClose, onOpenQueue }) => {
   const { currentTrack, playPreviousTrack, playNextTrack, shuffle, toggleShuffle, toggleCurrentTrackStar } = useAudioPlayer();
+  const router = useRouter();
   const [progress, setProgress] = useState(0);
   const [isPlaying, setIsPlaying] = useState(false);
   const [volume, setVolume] = useState(1);
@@ -335,8 +343,11 @@ export const FullScreenPlayer: React.FC<FullScreenPlayerProps> = ({ isOpen, onCl
               <h1 className="text-lg sm:text-xl lg:text-3xl font-bold text-foreground mb-2 line-clamp-2 leading-tight">
                 {currentTrack.name}
               </h1>
-              <Link href={`/album/${currentTrack.artistId}`} className="text-base sm:text-lg lg:text-xl text-foreground/80 mb-1 line-clamp-1">
-              {currentTrack.artist}
+              <Link href={`/artist/${currentTrack.artistId}`} className="text-base sm:text-lg lg:text-xl text-foreground/80 mb-1 line-clamp-1">
+                {currentTrack.artist}
+              </Link>
+              <Link href={`/album/${currentTrack.albumId}`}  className="text-sm sm:text-base lg:text-lg text-foreground/60 line-clamp-1 cursor-pointer hover:underline">
+                {currentTrack.album}
               </Link>
             </div>