From 64abb255601d90ecb53d12346a0945fba0e25d24 Mon Sep 17 00:00:00 2001
From: Pas <74743263+Pasithea0@users.noreply.github.com>
Date: Wed, 26 Nov 2025 12:33:24 -0700
Subject: [PATCH] move to captions view

---
 src/assets/locales/en.json                             |  1 +
 src/components/player/atoms/settings/CaptionsView.tsx  |  6 ++++++
 src/components/player/atoms/settings/SettingsMenu.tsx  |  3 ---
 .../player/atoms/settings/TranscriptView.tsx           | 10 ++++++----
 4 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/assets/locales/en.json b/src/assets/locales/en.json
index fdbdf4db..c23bc969 100644
--- a/src/assets/locales/en.json
+++ b/src/assets/locales/en.json
@@ -764,6 +764,7 @@
         "SourceChoice": "Source Subtitles",
         "OpenSubtitlesChoice": "External Subtitles",
         "loadingExternal": "Loading external subtitles...",
+        "transcriptChoice": "Transcript",
         "settings": {
           "backlink": "Custom subtitles",
           "delay": "Subtitle delay",
diff --git a/src/components/player/atoms/settings/CaptionsView.tsx b/src/components/player/atoms/settings/CaptionsView.tsx
index 16040b65..902f9d69 100644
--- a/src/components/player/atoms/settings/CaptionsView.tsx
+++ b/src/components/player/atoms/settings/CaptionsView.tsx
@@ -541,6 +541,12 @@ export function CaptionsView({
             selected={selectedCaptionId === "pasted-caption"}
           />
 
+          {selectedCaptionId && (
+            <Menu.ChevronLink onClick={() => router.navigate("/transcript")}>
+              {t("player.menus.subtitles.transcriptChoice")}
+            </Menu.ChevronLink>
+          )}
+
           <div className="h-1" />
 
           {/* Search input */}
diff --git a/src/components/player/atoms/settings/SettingsMenu.tsx b/src/components/player/atoms/settings/SettingsMenu.tsx
index ce2fd6ff..0a412dd4 100644
--- a/src/components/player/atoms/settings/SettingsMenu.tsx
+++ b/src/components/player/atoms/settings/SettingsMenu.tsx
@@ -151,9 +151,6 @@ export function SettingsMenu({ id }: { id: string }) {
         <Menu.ChevronLink onClick={() => router.navigate("/playback")}>
           {t("player.menus.settings.playbackItem")}
         </Menu.ChevronLink>
-        <Menu.ChevronLink onClick={() => router.navigate("/transcript")}>
-          Transcript
-        </Menu.ChevronLink>
       </Menu.Section>
     </Menu.Card>
   );
diff --git a/src/components/player/atoms/settings/TranscriptView.tsx b/src/components/player/atoms/settings/TranscriptView.tsx
index d824df48..b9c4b689 100644
--- a/src/components/player/atoms/settings/TranscriptView.tsx
+++ b/src/components/player/atoms/settings/TranscriptView.tsx
@@ -1,5 +1,6 @@
 import Fuse from "fuse.js";
 import { useEffect, useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
 
 import { Menu } from "@/components/player/internals/ContextMenu";
 import { Input } from "@/components/player/internals/ContextMenu/Input";
@@ -18,6 +19,7 @@ import { durationExceedsHour, formatSeconds } from "@/utils/formatSeconds";
 import { wordOverrides } from "../../Player";
 
 export function TranscriptView({ id }: { id: string }) {
+  const { t } = useTranslation();
   const router = useOverlayRouter(id);
   const display = usePlayerStore((s) => s.display);
   const srtData = usePlayerStore((s) => s.caption.selected?.srtData);
@@ -171,11 +173,11 @@ export function TranscriptView({ id }: { id: string }) {
     };
 
     if (!didFirstScroll) {
-      const t = setTimeout(() => {
+      const timeout = setTimeout(() => {
         doScroll();
         setDidFirstScroll(true);
       }, 100);
-      return () => clearTimeout(t);
+      return () => clearTimeout(timeout);
     }
     doScroll();
   }, [scrollTargetKey, didFirstScroll]);
@@ -186,8 +188,8 @@ export function TranscriptView({ id }: { id: string }) {
 
   return (
     <>
-      <Menu.BackLink onClick={() => router.navigate("/")}>
-        Transcript
+      <Menu.BackLink onClick={() => router.navigate("/captions")}>
+        {t("player.menus.subtitles.transcriptChoice")}
       </Menu.BackLink>
       <Menu.Section>
         <div className="sticky top-0 z-10 -mx-3 px-3 py-2 mb-2">