-
- {msToHuman(position)}
-
-
- {msToHuman(duration)}
-
-
- );
-}
-
-
-function AlbumContextMenu({ track }: { track: Track; }) {
- const volume = useStateFromStores([SpotifyStore], () => SpotifyStore.volume);
-
- return (
-
- {i}
-
- );
-
- return (
-
- {i}
-
- );
-}
-
-export function Player() {
- const track = useStateFromStores(
- [SpotifyStore],
- () => SpotifyStore.track,
- null,
- (prev, next) => prev?.id ? (prev.id === next?.id) : prev?.name === next?.name
- );
-
- const device = useStateFromStores(
- [SpotifyStore],
- () => SpotifyStore.device,
- null,
- (prev, next) => prev?.id === next?.id
- );
-
- const isPlaying = useStateFromStores([SpotifyStore], () => SpotifyStore.isPlaying);
- const [shouldHide, setShouldHide] = useState(false);
-
- // Hide player after 5 minutes of inactivity
-
- React.useEffect(() => {
- setShouldHide(false);
- if (!isPlaying) {
- const timeout = setTimeout(() => setShouldHide(true), 1000 * 60 * 5);
- return () => clearTimeout(timeout);
- }
- }, [isPlaying]);
-
- if (!track || !device?.is_active || shouldHide)
- return null;
-
- const exportTrackImageStyle = {
- "--vc-spotify-track-image": `url(${track?.album?.image?.url || ""})`,
- } as React.CSSProperties;
-
- return (
-
-
- {track.name}
-
- {track.artists.some(a => a.name) && (
-
- by
- {track.artists.map((a, i) => (
-
-
- {a.name}
-
- {i !== track.artists.length - 1 && {", "}}
-
- ))}
-
- )}
- {track.album.name && (
-
- on
-
- {track.album.name}
-
-
- )}
-
-
-
- );
-}
diff --git a/src/plugins/spotifyControls/SeekBar.ts b/src/plugins/spotifyControls/SeekBar.ts
deleted file mode 100644
index 8d6c8a30c..000000000
--- a/src/plugins/spotifyControls/SeekBar.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * Vencord, a Discord client mod
- * Copyright (c) 2025 Vendicated and contributors
- * SPDX-License-Identifier: GPL-3.0-or-later
- */
-
-import { LazyComponent } from "@utils/lazyReact";
-import { Slider } from "@webpack/common";
-
-export const SeekBar = LazyComponent(() => {
- const SliderClass = Slider.$$vencordGetWrappedComponent();
-
- // Discord's Slider does not update `state.value` when `props.initialValue` changes if state.value is not nullish.
- // We extend their class and override their `getDerivedStateFromProps` to update the value
- return class SeekBar extends SliderClass {
- static getDerivedStateFromProps(props: any, state: any) {
- const newState = super.getDerivedStateFromProps!(props, state);
- if (newState) {
- newState.value = props.initialValue;
- }
-
- return newState;
- }
- };
-});
diff --git a/src/plugins/spotifyControls/SpotifyStore.ts b/src/plugins/spotifyControls/SpotifyStore.ts
deleted file mode 100644
index 65ee2c154..000000000
--- a/src/plugins/spotifyControls/SpotifyStore.ts
+++ /dev/null
@@ -1,198 +0,0 @@
-/*
- * Vencord, a modification for Discord's desktop app
- * Copyright (c) 2022 Vendicated and contributors
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see
-
- )}
- >
- Failed to render Spotify Modal :(
-Check the console for errors
-