From dbf5cc32f3cb265a1cbd52e2bb3cbd2a7dd788bb Mon Sep 17 00:00:00 2001
From: Chris McCord <chris@chrismccord.com>
Date: Wed, 5 Jun 2024 16:20:39 -0400
Subject: [PATCH] Add empty state for new profile

---
 lib/live_beats_web/live/profile_live.ex | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/lib/live_beats_web/live/profile_live.ex b/lib/live_beats_web/live/profile_live.ex
index 8962433..8a71ef0 100644
--- a/lib/live_beats_web/live/profile_live.ex
+++ b/lib/live_beats_web/live/profile_live.ex
@@ -109,7 +109,21 @@ defmodule LiveBeatsWeb.ProfileLive do
       </.modal>
     </div>
 
-    <div>
+    <div :if={@songs_count == 0} class="my-2 text-center">
+      <.icon name={:music_note} class="mx-auto h-12 w-12 text-gray-400" />
+      <h3 class="mt-2 text-sm font-semibold text-gray-900">No music</h3>
+      <p class="mt-1 text-sm text-gray-500">Get started by uploading a new playlist</p>
+      <div class="mt-6">
+        <.button
+          primary
+          phx-click={show_modal("upload") |> JS.patch(profile_upload_path(@current_user))}
+        >
+          <.icon name={:upload} />
+          <span class="ml-2">Upload songs</span>
+        </.button>
+      </div>
+    </div>
+    <div :if={@songs_count > 0}>
       <.table
         id="songs"
         rows={@streams.songs}