catch spotify errors in ui.

Author: GavinCoded

src/pages/discover/index.tsx

@@ -1,5 +1,6 @@
 import { useState } from "react";
 import { invoke } from "@tauri-apps/api/core";
+import { message } from "@tauri-apps/plugin-dialog";
 import { Music2 } from "lucide-react";
 import { use_settings } from "@/ctx";
 import { SpPlaylistList, SpTrackList } from "@/components/spotify/discover";
@@ -90,8 +91,9 @@ export function Discover() {
       const token = await sp_token();
       const pls = await invoke<SpPlaylist[]>("sp_playlists", { accessToken: token });
       set_sp_playlists(pls);
-    } catch {
+    } catch (e) {
       set_sp_playlists([]);
+      message(`Failed to load playlists:\n${e}`, { title: "Spotify Error", kind: "error" });
     } finally {
       set_sp_loading(false);
     }
@@ -104,8 +106,9 @@ export function Discover() {
       const token = await sp_token();
       const tracks = await invoke<SpTrack[]>("sp_playlist_tracks", { accessToken: token, id: pl.id });
       set_sp_drill({ kind: "playlist", name: pl.name, tracks });
-    } catch {
+    } catch (e) {
       set_sp_drill({ kind: "playlist", name: pl.name, tracks: [] });
+      message(`Failed to load playlist "${pl.name}":\n${e}`, { title: "Spotify Error", kind: "error" });
     }
   }
 
@@ -116,8 +119,9 @@ export function Discover() {
       const token = await sp_token();
       const tracks = await invoke<SpTrack[]>("sp_liked_tracks", { accessToken: token });
       set_sp_drill({ kind: "liked", name: "Liked Songs", tracks });
-    } catch {
+    } catch (e) {
       set_sp_drill({ kind: "liked", name: "Liked Songs", tracks: [] });
+      message(`Failed to load liked songs:\n${e}`, { title: "Spotify Error", kind: "error" });
     }
   }
 

src/pages/discover/onboarding/step_migrate/index.tsx

@@ -1,6 +1,7 @@
 import { useState, useEffect, useRef } from "react";
 import { invoke } from "@tauri-apps/api/core";
 import { listen } from "@tauri-apps/api/event";
+import { message } from "@tauri-apps/plugin-dialog";
 import { use_lib, use_settings } from "@/ctx";
 import type { SpPlaylist, SpTrack } from "@/components/spotify/discover";
 import type { YtPlaylistResult, YtTrack } from "@/components/youtube/discover";
@@ -194,8 +195,9 @@ export function StepMigrate({ on_next }: Props) {
       });
       set_sp_pls(pls);
       set_sp_checked(new Set(pls.map((p) => p.id)));
-    } catch {
+    } catch (e) {
       set_sp_pls([]);
+      message(`Failed to load playlists:\n${e}`, { title: "Spotify Error", kind: "error" });
     } finally {
       set_sp_pls_loading(false);
     }
@@ -216,7 +218,10 @@ export function StepMigrate({ on_next }: Props) {
     let token: string;
     try {
       token = await sp_token();
-    } catch { return; }
+    } catch (e) {
+      message(`Failed to get Spotify token:\n${e}`, { title: "Spotify Error", kind: "error" });
+      return;
+    }
 
     const items: {
       name: string;
@@ -230,7 +235,10 @@ export function StepMigrate({ on_next }: Props) {
           accessToken: token,
         });
         items.push({ name: "Liked Songs", kind: "liked", tracks });
-      } catch (e) { console.error("sp_liked_tracks:", e); }
+      } catch (e) {
+        console.error("sp_liked_tracks:", e);
+        message(`Failed to load liked songs:\n${e}`, { title: "Spotify Error", kind: "error" });
+      }
     }
 
     for (const id of sp_checked) {
@@ -242,7 +250,10 @@ export function StepMigrate({ on_next }: Props) {
           id,
         });
         items.push({ name: pl.name, kind: "playlist", tracks });
-      } catch (e) { console.error("sp_playlist_tracks:", e); }
+      } catch (e) {
+        console.error("sp_playlist_tracks:", e);
+        message(`Failed to load playlist "${pl.name}":\n${e}`, { title: "Spotify Error", kind: "error" });
+      }
     }
 
     const total = items.reduce((s, i) => s + i.tracks.length, 0);