From 6ecae19477e111c84426e7a8d6e3b004bb5835da Mon Sep 17 00:00:00 2001
From: syeopite <syeopite@syeopite.dev>
Date: Sat, 10 May 2025 20:32:16 -0700
Subject: [PATCH] Fix missing transcripts btn when desc is expanded

---
 .../description_toggle_transcripts_widget.ecr  | 13 +++++++++++++
 src/invidious/views/watch.ecr                  | 18 ++++--------------
 2 files changed, 17 insertions(+), 14 deletions(-)
 create mode 100644 src/invidious/views/components/description_toggle_transcripts_widget.ecr

diff --git a/src/invidious/views/components/description_toggle_transcripts_widget.ecr b/src/invidious/views/components/description_toggle_transcripts_widget.ecr
new file mode 100644
index 00000000..0a80178a
--- /dev/null
+++ b/src/invidious/views/components/description_toggle_transcripts_widget.ecr
@@ -0,0 +1,13 @@
+<% if captions %>
+<div class="description-widget description-show-transcript-widget">
+    <h4><%=HTML.escape(translate(locale, "video_description_show_transcript_section_label"))%></h4>
+    <% if transcript %>
+        <% hide_transcripts_param = env.params.query.dup %>
+        <% hide_transcripts_param.delete_all("show_transcripts") %>
+
+        <a class="pure-button pure-button-secondary" href="/watch?<%= hide_transcripts_param %>"><%=HTML.escape(translate(locale, "video_description_show_transcript_section_button_hide"))%></a>
+    <% else %>
+        <a class="pure-button pure-button-secondary" href="/watch?<%= env.params.query %>&show_transcripts=1"><%=HTML.escape(translate(locale, "video_description_show_transcript_section_button"))%></a>
+    <% end %>
+</div>
+<% end %>
diff --git a/src/invidious/views/watch.ecr b/src/invidious/views/watch.ecr
index 3e90c4f5..cd4526aa 100644
--- a/src/invidious/views/watch.ecr
+++ b/src/invidious/views/watch.ecr
@@ -253,23 +253,13 @@ we're going to need to do it here in order to allow for translations.
 
             <div id="description-box"> <!-- Description -->
                 <% if video.description.size < 200 || params.extend_desc %>
-                    <div id="descriptionWrapper"><%= video.description_html %></div>
+                    <div id="descriptionWrapper"><%= video.description_html %>
+                        <%= rendered "components/description_toggle_transcripts_widget" %>
+                    </div>
                 <% else %>
                     <input id="descexpansionbutton" type="checkbox"/>
                     <div id="descriptionWrapper"><%-= video.description_html %>
-                        <% if captions %>
-                            <div class="description-widget description-show-transcript-widget">
-                                <h4><%=HTML.escape(translate(locale, "video_description_show_transcript_section_label"))%></h4>
-                                <% if transcript %>
-                                    <% hide_transcripts_param = env.params.query.dup %>
-                                    <% hide_transcripts_param.delete_all("show_transcripts") %>
-
-                                    <a class="pure-button pure-button-secondary" href="/watch?<%= hide_transcripts_param %>"><%=HTML.escape(translate(locale, "video_description_show_transcript_section_button_hide"))%></a>
-                                <% else %>
-                                    <a class="pure-button pure-button-secondary" href="/watch?<%= env.params.query %>&show_transcripts=1"><%=HTML.escape(translate(locale, "video_description_show_transcript_section_button"))%></a>
-                                <% end %>
-                            </div>
-                        <% end %>
+                        <%= rendered "components/description_toggle_transcripts_widget" %>
                     </div>
                     <label for="descexpansionbutton">
                         <a></a>