Fix playlist images not rendering - fixes #6

WIll need to be reverted when V3 drops
Bergbok · Apr 30, 2024 · 995051e · 995051e
1 parent 1cc5af6
commit 995051e
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 11 deletions.
diff --git a/CustomApps/playlist-tags/package.json b/CustomApps/playlist-tags/package.json
@@ -1,6 +1,6 @@
 {
   "name": "playlist-tags",
-  "version": "1.6.6",
+  "version": "1.6.7",
   "private": true,
   "scripts": {
     "build": "spicetify-creator",

diff --git a/CustomApps/playlist-tags/src/app.tsx b/CustomApps/playlist-tags/src/app.tsx
@@ -44,7 +44,7 @@ const App = () => {
   const [timeoutID, setTimeoutID] = useState<number | null>(null);
 
   useEffect(() => {
-    const expFeatures = JSON.parse(localStorage.getItem('spicetify-exp-features') || '{}');
+    const expFeatures = JSON.parse(Spicetify.LocalStorage.get('spicetify-exp-features') || '{}');
     const navBarValue = expFeatures.enableGlobalNavBar?.value;
     setNavBarValue(navBarValue);
   }, []);

diff --git a/CustomApps/playlist-tags/src/components/spotify_card.tsx b/CustomApps/playlist-tags/src/components/spotify_card.tsx
@@ -34,7 +34,7 @@ interface SpotifyCardProps {
 function SpotifyCard(props: SpotifyCardProps): React.ReactElement<HTMLDivElement> {
     // @ts-ignore
     const { Cards, TextComponent, ArtistMenu, AlbumMenu, PodcastShowMenu, PlaylistMenu, ContextMenu } = Spicetify.ReactComponent;
-    const { Default: Card, CardImage } = Cards;
+    const { FeatureCard: Card, CardImage } = Cards;
     const { type, header, uri, imageUrl, subheader, className } = props;
 
     const Menu = () => {
@@ -60,13 +60,8 @@ function SpotifyCard(props: SpotifyCardProps): React.ReactElement<HTMLDivElement
                     headerText={header}
                     renderCardImage={() => (
                         <CardImage
-                            images={[
-                                {
-                                    height: 640,
-                                    url: imageUrl,
-                                    width: 640,
-                                },
-                            ]}
+                            src={imageUrl}
+                            size={640}
                             isCircular={type === "artist"}/>
                     )}
                     renderSubHeaderContent={() => (
@@ -96,4 +91,4 @@ function SpotifyCard(props: SpotifyCardProps): React.ReactElement<HTMLDivElement
     );
 }
 
-export default SpotifyCard;
+export default SpotifyCard;