pstream is dead; long live pstream
taciturnaxolotl.github.io/pstream-ng/
Delete captions icon from player settings hotbar
+2
-39
-28
src/components/player/atoms/Captions.tsx
-28
src/components/player/atoms/Captions.tsx
···
1
-
import { useEffect } from "react";
2
-
3
-
import { Icons } from "@/components/Icon";
4
-
import { OverlayAnchor } from "@/components/overlays/OverlayAnchor";
5
-
import { VideoPlayerButton } from "@/components/player/internals/Button";
6
-
import { useOverlayRouter } from "@/hooks/useOverlayRouter";
7
-
import { usePlayerStore } from "@/stores/player/store";
8
-
9
-
export function Captions() {
10
-
const router = useOverlayRouter("settings");
11
-
const setHasOpenOverlay = usePlayerStore((s) => s.setHasOpenOverlay);
12
-
13
-
useEffect(() => {
14
-
setHasOpenOverlay(router.isRouterActive);
15
-
}, [setHasOpenOverlay, router.isRouterActive]);
16
-
17
-
return (
18
-
<OverlayAnchor id={router.id}>
19
-
<VideoPlayerButton
20
-
onClick={() => {
21
-
router.open();
22
-
router.navigate("/captionsOverlay");
23
-
}}
24
-
icon={Icons.CAPTIONS}
25
-
/>
26
-
</OverlayAnchor>
27
-
);
28
-
}
-1
src/components/player/atoms/index.ts
-1
src/components/player/atoms/index.ts
+2
-10
src/pages/parts/player/PlayerPart.tsx
+2
-10
src/pages/parts/player/PlayerPart.tsx
···
111
111
) : null}
112
112
{status === playerStatus.PLAYBACK_ERROR ||
113
113
status === playerStatus.PLAYING ? (
114
-
<>
115
-
<Player.Captions />
116
-
<Player.Settings />
117
-
</>
114
+
<Player.Settings />
118
115
) : null}
119
116
<Player.Fullscreen />
120
117
</div>
···
124
121
<div className="flex justify-center space-x-3">
125
122
{status === playerStatus.PLAYING ? <Player.Pip /> : null}
126
123
<Player.Episodes />
127
-
{status === playerStatus.PLAYING ? (
128
-
<>
129
-
<Player.Captions />
130
-
<Player.Settings />
131
-
</>
132
-
) : null}
124
+
{status === playerStatus.PLAYING ? <Player.Settings /> : null}
133
125
</div>
134
126
<div>
135
127
<Player.Fullscreen />