From 11622de690597ea2f41e7a98640d26d29a6d41d9 Mon Sep 17 00:00:00 2001
From: wryk <wryk@wryk.moe>
Date: Sat, 7 Mar 2020 19:07:55 +0100
Subject: [PATCH] im gay

---
 src/components/Queue.svelte | 44 ++++++++++++++++++++-----------------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/src/components/Queue.svelte b/src/components/Queue.svelte
index 7f54242..47062fc 100644
--- a/src/components/Queue.svelte
+++ b/src/components/Queue.svelte
@@ -1,27 +1,31 @@
 <div>
     <div class="queue__section">
         <div class="queue__sectionTitle">Next song</div>
-        <div class="track">
-            <div class="track__main" on:click={() => select($next)}>
-                <div class="track__title" class:placeholder={!$next && $enqueueing}>
-                    {#if $next}{$next.media.title}{/if}
-                </div>
-                <div class="track__subtitle" class:placeholder={!$next && $enqueueing}>
-                {#if $next}
-                    shared by <span class="track__username">{$next.referer.username}</span> •
-                    <DistanceDate date={$next.referer.date} />
-                {/if}
-                </div>
-            </div>
-            {#if $next}
-                <Popper needOffset={true}>
-                    <button slot="btn" class="track__menu" aria-label="track menu"><IconMenu></IconMenu></button>
-                    <div slot="content" class="contextMenu__list">
-                        <ContextMenu track={$next}></ContextMenu>
+        {#if $next || $enqueueing}
+            <div class="track">
+                <div class="track__main" on:click={() => select($next)}>
+                    <div class="track__title" class:placeholder={!$next && $enqueueing}>
+                        {#if $next}{$next.media.title}{/if}
                     </div>
-                </Popper>
-            {/if}
-        </div>
+                    <div class="track__subtitle" class:placeholder={!$next && $enqueueing}>
+                    {#if $next}
+                        shared by <span class="track__username">{$next.referer.username}</span> •
+                        <DistanceDate date={$next.referer.date} />
+                    {/if}
+                    </div>
+                </div>
+                {#if $next}
+                    <Popper needOffset={true}>
+                        <button slot="btn" class="track__menu" aria-label="track menu"><IconMenu></IconMenu></button>
+                        <div slot="content" class="contextMenu__list">
+                            <ContextMenu track={$next}></ContextMenu>
+                        </div>
+                    </Popper>
+                {/if}
+            </div>
+        {:else}
+            <div class="notif notif--warning">There is no more song to play. Reload the app or change your hashtags settings to get new songs.</div>
+        {/if}
     </div>