Minor fixes for 1.27

package.json

@@ -1,7 +1,7 @@
 {
   "name": "spotify-card",
   "author": "Niklas Fondberg <[email protected]>",
-  "version": "1.26.0",
+  "version": "1.27.0",
   "browser": "dist/spotify-card.js",
   "dependencies": {
     "home-assistant-js-websocket": "^4.4.0",

src/PlaylistType.jsx

@@ -0,0 +1,31 @@
+import { h, Component } from 'preact';
+import { useState } from 'preact/hooks';
+
+const PlaylistType = () => {
+  const [state, setState] = useState('All');
+  const [showSelect, setShowSelect] = useState(false);
+  const options = ['Users playlists', 'Featured playlists', 'Daily Mixes playlists'];
+
+  const closeSelect = (e) => {
+    (e) => setState(e.target.value);
+    setShowSelect(false);
+  };
+
+  return (
+    <div>
+      {!showSelect && <div onClick={() => setShowSelect(true)}></div>}
+
+      {showSelect && (
+        <select class="playlist-type" onChange={closeSelect} onBlur={closeSelect}>
+          {options.map((item) => (
+            <option key={item} value={item}>
+              {item}
+            </option>
+          ))}
+        </select>
+      )}
+    </div>
+  );
+};
+
+export default PlaylistType;

src/SpotifyCard.js

@@ -18,7 +18,6 @@ export default class SpotifyCard extends Component {
       playingPlaylist: null,
       authenticationRequired: true,
     };
-    // playlist-read-collaborative
     this.scopes = [
       'playlist-read-private',
       'playlist-read-collaborative',

track.json

@@ -1,7 +1,7 @@
 {
     "spotify-card": {
-      "version": "1.26",
-      "remote_location": "https://raw.githubusercontent.com/custom-cards/spotify-card/v1.26/dist/spotify-card.js",
+      "version": "1.27.0",
+      "remote_location": "https://raw.githubusercontent.com/custom-cards/spotify-card/v1.27.0/dist/spotify-card.js",
       "visit_repo": "https://github.com/custom-cards/spotify-card",
       "changelog": "https://github.com/custom-cards/spotify-card/releases/latest"
     }