misc

src/components/AudioPlayer.jsx

@@ -5,6 +5,7 @@ import Pause from "@mui/icons-material/Pause";
 import "@styles/player.css";
 
 import { API_URL } from "@/config";
+import { requireAuthHook } from "@/hooks/requireAuthHook";
 
 const STATIONS = {
   main: { label: "Main" },
@@ -14,7 +15,8 @@ const STATIONS = {
   pop: { label: "Pop" },
 };
 
-export default function Player() {
+
+export default function Player({ user }) {
   const [activeStation, setActiveStation] = useState("main");
   const [isPlaying, setIsPlaying] = useState(false);
   const [trackTitle, setTrackTitle] = useState("");
@@ -270,7 +272,8 @@ export default function Player() {
         ))}
       </div>
       <div className="c-containter">
-        <div className="music-container mt-8">
+        {user ? <span>Hello, {user.user}</span> : <span>Not logged in</span>}
+        < div className="music-container mt-8">
           <section className="album-cover">
             <div className="music-player__album" title="Album">
               {trackAlbum}
@@ -328,7 +331,7 @@ export default function Player() {
           </section>
         </div>
         <audio ref={audioElement} preload="none" />
-      </div>
+      </div >
     </>
   );
 }