Add subscriptions to feed menu

src/invidious/views/components/feed_menu.ecr

@@ -0,0 +1,19 @@
+<div class="h-box pure-g">
+    <div class="pure-u-1-4"></div>
+    <div class="pure-u-1 pure-u-md-1-2">
+        <div class="pure-g">
+            <% feeds = ["Popular", "Top", "Trending"] %>
+            <% if env.get? "user" %>
+            <% feeds << "Subscriptions" %>
+            <% end %>
+            <% feeds.each do |feed| %>
+            <div class="pure-u-1-<%= feeds.size %>">
+                <a href="/feed/<%= feed.downcase %>" style="text-align:center;" class="pure-menu-heading">
+                    <%= translate(locale, feed) %>
+                </a>
+            </div>
+            <% end %>
+        </div>
+    </div>
+    <div class="pure-u-1-4"></div>
+</div>

src/invidious/views/index.ecr

@@ -3,29 +3,7 @@
 <title>Invidious</title>
 <% end %>
 
-<div class="h-box pure-g">
-    <div class="pure-u-1-4"></div>
-    <div class="pure-u-1 pure-u-md-1-2">
-        <div class="pure-g">
-            <div class="pure-u-1-3">
-                <a href="/feed/popular" style="text-align:center;" class="pure-menu-heading">
-                    <%= translate(locale, "Popular") %>
-                </a>
-            </div>
-            <div class="pure-u-1-3">
-                <a href="/feed/top" style="text-align:center;" class="pure-menu-heading">
-                    <%= translate(locale, "Top") %>
-                </a>
-            </div>
-            <div class="pure-u-1-3">
-                <a href="/feed/trending" style="text-align:center;" class="pure-menu-heading">
-                    <%= translate(locale, "Trending") %>
-                </a>
-            </div>
-        </div>
-    </div>
-    <div class="pure-u-1-4"></div>
-</div>
+<%= rendered "components/feed_menu" %>
 
 <div class="pure-g">
 <% top_videos.each_slice(4) do |slice| %>

src/invidious/views/popular.ecr

@@ -3,29 +3,7 @@
 <title><%= translate(locale, "Popular") %> - Invidious</title>
 <% end %>
 
-<div class="h-box pure-g">
-    <div class="pure-u-1-4"></div>
-    <div class="pure-u-1 pure-u-md-1-2">
-        <div class="pure-g">
-            <div class="pure-u-1-3">
-                <a href="/feed/popular" style="text-align:center;" class="pure-menu-heading">
-                    <%= translate(locale, "Popular") %>
-                </a>
-            </div>
-            <div class="pure-u-1-3">
-                <a href="/feed/top" style="text-align:center;" class="pure-menu-heading">
-                    <%= translate(locale, "Top") %>
-                </a>
-            </div>
-            <div class="pure-u-1-3">
-                <a href="/feed/trending" style="text-align:center;" class="pure-menu-heading">
-                    <%= translate(locale, "Trending") %>
-                </a>
-            </div>
-        </div>
-    </div>
-    <div class="pure-u-1-4"></div>
-</div>
+<%= rendered "components/feed_menu" %>
 
 <div class="pure-g">
 <% popular_videos.each_slice(4) do |slice| %>

src/invidious/views/subscriptions.ecr

@@ -2,6 +2,8 @@
 <title><%= translate(locale, "Subscriptions") %> - Invidious</title>
 <% end %>
 
+<%= rendered "components/feed_menu" %>
+
 <div class="pure-g h-box">
     <div class="pure-u-1-3">
         <h3>

src/invidious/views/top.ecr

@@ -3,29 +3,7 @@
 <title><%= translate(locale, "Top") %> - Invidious</title>
 <% end %>
 
-<div class="h-box pure-g">
-    <div class="pure-u-1-4"></div>
-    <div class="pure-u-1 pure-u-md-1-2">
-        <div class="pure-g">
-            <div class="pure-u-1-3">
-                <a href="/feed/popular" style="text-align:center;" class="pure-menu-heading">
-                    <%= translate(locale, "Popular") %>
-                </a>
-            </div>
-            <div class="pure-u-1-3">
-                <a href="/feed/top" style="text-align:center;" class="pure-menu-heading">
-                    <%= translate(locale, "Top") %>
-                </a>
-            </div>
-            <div class="pure-u-1-3">
-                <a href="/feed/trending" style="text-align:center;" class="pure-menu-heading">
-                    <%= translate(locale, "Trending") %>
-                </a>
-            </div>
-        </div>
-    </div>
-    <div class="pure-u-1-4"></div>
-</div>
+<%= rendered "components/feed_menu" %>
 
 <div class="pure-g">
 <% top_videos.each_slice(4) do |slice| %>

src/invidious/views/trending.ecr

@@ -3,29 +3,7 @@
 <title><%= translate(locale, "Trending") %> - Invidious</title>
 <% end %>
 
-<div class="h-box pure-g">
-    <div class="pure-u-1-4"></div>
-    <div class="pure-u-1 pure-u-md-1-2">
-        <div class="pure-g">
-            <div class="pure-u-1-3">
-                <a href="/feed/popular" style="text-align:center;" class="pure-menu-heading">
-                    <%= translate(locale, "Popular") %>
-                </a>
-            </div>
-            <div class="pure-u-1-3">
-                <a href="/feed/top" style="text-align:center;" class="pure-menu-heading">
-                    <%= translate(locale, "Top") %>
-                </a>
-            </div>
-            <div class="pure-u-1-3">
-                <a href="/feed/trending" style="text-align:center;" class="pure-menu-heading">
-                    <%= translate(locale, "Trending") %>
-                </a>
-            </div>
-        </div>
-    </div>
-    <div class="pure-u-1-4"></div>
-</div>
+<%= rendered "components/feed_menu" %>
 
 <div class="pure-g h-box">
     <div class="pure-u-2-3">