I pull User Profile for Spotify and toast name to welcome player.

lib/spotify/getUser.tsx

@@ -0,0 +1,19 @@
+const getCurrentUserProfile = async (accessToken) => {
+  const response = await fetch(`https://api.spotify.com/v1/me`, {
+    method: "GET",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${accessToken}`,
+    },
+  })
+
+  if (!response.ok) {
+    throw new Error(`Error: ${response.status}`)
+  }
+
+  const data = await response.json()
+
+  return data
+}
+
+export default getCurrentUserProfile

providers/SpotifyProvider.tsx

@@ -6,6 +6,8 @@ import saveTrack from "../lib/spotify/saveTrack"
 import getAccessToken from "../lib/spotify/getAccessToken"
 import createPlayer from "../lib/spotify/createPlayer"
 import login from "../lib/spotify/login"
+import getCurrentUserProfile from "../lib/spotify/getUser"
+import { toast } from "react-toastify"
 
 const SpotifyContext = createContext(null)
 
@@ -25,8 +27,14 @@ const SpotifyProvider = ({ children }) => {
   }
 
   useEffect(() => {
+    const init = async () => {
+      const response = await getCurrentUserProfile(accessToken)
+      toast.success(`Welcome ${response.display_name}`)
+      console.log("SWEETS RESPONSE", response)
+      createPlayer(accessToken, { onReady })
+    }
     if (!accessToken) return
-    createPlayer(accessToken, { onReady })
+    init()
   }, [accessToken])
 
   useEffect(() => {