From 56a5252413da9c8da19f2d173401d455329f0b43 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Wed, 15 Dec 2021 20:59:50 -0800
Subject: [PATCH] Fixed play next and play later on mediaitem-list-item

---
 resources/cider-ui/style.less                          | 10 ++++++++++
 .../cider-ui/views/components/mediaitem-list-item.ejs  |  6 ++++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/resources/cider-ui/style.less b/resources/cider-ui/style.less
index 72909299..67002132 100644
--- a/resources/cider-ui/style.less
+++ b/resources/cider-ui/style.less
@@ -2391,6 +2391,16 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
   transform: scale(0.5);
 }
 
+.drawertransition-enter-active,
+.drawertransition-leave-active {
+  transition: margin-right .25s var(--appleEase);
+}
+
+.drawertransition-enter,
+.drawertransition-leave-to {
+  margin-right: -300px;
+}
+
 /* Transitions End */
 
 @media (prefers-color-scheme: light) {
diff --git a/resources/cider-ui/views/components/mediaitem-list-item.ejs b/resources/cider-ui/views/components/mediaitem-list-item.ejs
index c335b5e8..712aa585 100644
--- a/resources/cider-ui/views/components/mediaitem-list-item.ejs
+++ b/resources/cider-ui/views/components/mediaitem-list-item.ejs
@@ -87,13 +87,15 @@
                             {   
                                 "name": "Play Next",
                                 "action": function() {
-                                    app.mk.queue.splice(0,0,[new MusicKit.MediaItem(self.item)])
+                                    app.mk.playNext({[self.item.attributes.playParams.kind ?? self.item.type]: self.item.attributes.playParams.id ?? self.item.id})
+                                    app.mk.queue._reindex()
                                 }
                             },
                             {   
                                 "name": "Play Later",
                                 "action": function() {
-                                    app.mk.queue.append([new MusicKit.MediaItem(self.item)])
+                                    app.mk.playLater({[self.item.attributes.playParams.kind ?? self.item.type]: self.item.attributes.playParams.id ?? self.item.id})
+                                    app.mk.queue._reindex()
                                 }
                             },
                             {