Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-01-11 20:10:32 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Move to correct menu

Browse source
This commit is contained in:
Isra 2025-11-25 09:11:28 +08:00
parent d2acf73793
commit 5caae343df
4 changed files with 14 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/player/atoms/Settings.tsx
View file

@ -91,12 +91,17 @@ function SettingsOverlay({ id }: { id: string }) {
<EmbedSelectionView id={id} sourceId={chosenSourceId} />
</Menu.CardWithScrollable>
</OverlayPage>
<OverlayPage id={id} path="/playback" width={343} height={330}>
<OverlayPage id={id} path="/playback" width={343} height={385}>
<Menu.Card>
<PlaybackSettingsView id={id} />
</Menu.Card>
</OverlayPage>
<OverlayPage id={id} path="/transcript" width={343} height={452}>
<OverlayPage
id={id}
path="/playback/transcript"
width={343}
height={452}
>
<Menu.CardWithScrollable>
<TranscriptView id={id} />
</Menu.CardWithScrollable>

5
src/components/player/atoms/settings/PlaybackSettingsView.tsx
View file

@ -308,6 +308,11 @@ export function PlaybackSettingsView({ id }: { id: string }) {
{t("settings.preferences.thumbnailLabel")}
</Menu.Link>
)}
<Menu.ChevronLink
onClick={() => router.navigate("/playback/transcript")}
>
Transcript
</Menu.ChevronLink>
</div>
</Menu.Section>
</>

3
src/components/player/atoms/settings/SettingsMenu.tsx
View file

@ -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>
);

4
src/components/player/atoms/settings/TranscriptView.tsx
View file

@ -47,7 +47,7 @@ export function TranscriptView({ id }: { id: string }) {
.map((word) => wordOverrides[word] ?? word)
.join(" ")
.replaceAll(/ i'/g, " I'")
.replaceAll(/\r?\n/g, "");
.replaceAll(/\r?\n/g, " ");
return {
key: makeQueId(i, start, end),
@ -190,7 +190,7 @@ export function TranscriptView({ id }: { id: string }) {
Transcript
</Menu.BackLink>
<Menu.Section>
<div className="sticky top-0 z-10 -mx-3 px-3 py-2 mb-2 bg-video-context-light bg-opacity-10 backdrop-blur-sm">
<div className="sticky top-0 z-10 -mx-3 px-3 py-2 mb-2">
<Input value={searchQuery} onInput={setSearchQuery} />
</div>