From 7b2aa5f98e140ae989eb4f61cd8a94e3127de025 Mon Sep 17 00:00:00 2001
From: mastihios <91783447+mastihios@users.noreply.github.com>
Date: Sat, 2 Oct 2021 11:59:33 +0000
Subject: [PATCH] add icon-buttons to playlist items (#2442)

---
 src/invidious/views/components/item.ecr | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/invidious/views/components/item.ecr b/src/invidious/views/components/item.ecr
index 68aa1812..3391bd17 100644
--- a/src/invidious/views/components/item.ecr
+++ b/src/invidious/views/components/item.ecr
@@ -79,6 +79,19 @@
                 <div class="flex-left"><a href="/channel/<%= item.ucid %>">
                     <p class="channel-name" dir="auto"><%= HTML.escape(item.author) %></p>
                 </a></div>
+                <div class="flex-right">
+                    <div class="icon-buttons">
+                        <a title="<%=translate(locale, "Watch on YouTube")%>" href="https://www.youtube.com/watch?v=<%= item.id %>&list=<%= item.plid %>">
+                            <i class="icon ion-logo-youtube"></i>
+                        </a>
+                        <a title="<%=translate(locale, "Audio mode")%>" href="/watch?v=<%= item.id %>&list=<%= item.plid %>&amp;listen=1">
+                            <i class="icon ion-md-headset"></i>
+                        </a>
+                        <a title="<%=translate(locale, "Switch Invidious Instance")%>" href="/redirect?referer=<%=HTML.escape("watch?v=#{item.id}&list=#{item.plid}")%>">
+                            <i class="icon ion-md-jet"></i>
+                        </a>
+                    </div>
+                </div>
             </div>
 
             <div class="video-card-row flexible">