diff --git a/src/main.tsx b/src/main.tsx index 07d3c54..f5d5d76 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -2,17 +2,12 @@ import { createRoot } from "react-dom/client"; import { createBrowserRouter, RouterProvider } from "react-router-dom"; import "./assets/main.css"; import App from "./pages/App.tsx"; -import Music from "./pages/Music.tsx"; const router = createBrowserRouter([ { path: "/", element: , }, - { - path: "/music", - element: , - }, ]); createRoot(document.getElementById("root")!).render( diff --git a/src/pages/Music.tsx b/src/pages/Music.tsx deleted file mode 100644 index ac2492b..0000000 --- a/src/pages/Music.tsx +++ /dev/null @@ -1,44 +0,0 @@ -import { useState, useEffect } from "react"; -import { LastFMMusicObject } from "../utils/types"; - -export default function Music() { - const [musicState, setMusicState] = useState(null); - - useEffect(() => { - const fetchMusic = async () => { - const res = await fetch("https://api.alexav.gg/v4/social/music"); - if (res.ok) { - const data = await res.json(); - setMusicState(data.data.tracks[0]); - } else { - console.error("failed to load music!"); - } - }; - - fetchMusic(); - setInterval(fetchMusic, 60000); - }, []); - - return ( - - - v.size === "large")[0]["#text"]} - /> - - - - - - {musicState?.name} - - - - {musicState?.artist?.["#text"]} - - - - ); -}
{musicState?.artist?.["#text"]}