mirrors/smov
mirrors/smov
1
0
Fork 0
mirror of https://github.com/sussy-code/smov.git synced 2024-12-20 14:37:43 +01:00
Code Issues Wiki Activity

Delete captions icon from player settings hotbar

Browse source
This commit is contained in:
Cooper 2024-07-12 00:16:15 +00:00
parent 74f4033927
commit 813f90fe32
3 changed files with 2 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/components/player/atoms/Captions.tsx
View file

@ -1,28 +0,0 @@
import { useEffect } from "react";
import { Icons } from "@/components/Icon";
import { OverlayAnchor } from "@/components/overlays/OverlayAnchor";
import { VideoPlayerButton } from "@/components/player/internals/Button";
import { useOverlayRouter } from "@/hooks/useOverlayRouter";
import { usePlayerStore } from "@/stores/player/store";
export function Captions() {
const router = useOverlayRouter("settings");
const setHasOpenOverlay = usePlayerStore((s) => s.setHasOpenOverlay);
useEffect(() => {
setHasOpenOverlay(router.isRouterActive);
}, [setHasOpenOverlay, router.isRouterActive]);
return (
<OverlayAnchor id={router.id}>
<VideoPlayerButton
onClick={() => {
router.open();
router.navigate("/captionsOverlay");
}}
icon={Icons.CAPTIONS}
/>
</OverlayAnchor>
);
}

1
src/components/player/atoms/index.ts
View file

@ -16,4 +16,3 @@ export * from "./VolumeChangedPopout";
export * from "./NextEpisodeButton"; export * from "./NextEpisodeButton";
export * from "./Chromecast"; export * from "./Chromecast";
export * from "./CastingNotification"; export * from "./CastingNotification";
export * from "./Captions";

12
src/pages/parts/player/PlayerPart.tsx
View file

@ -111,10 +111,7 @@ export function PlayerPart(props: PlayerPartProps) {
) : null} ) : null}
{status === playerStatus.PLAYBACK_ERROR || {status === playerStatus.PLAYBACK_ERROR ||
status === playerStatus.PLAYING ? ( status === playerStatus.PLAYING ? (
<> <Player.Settings />
<Player.Captions />
<Player.Settings />
</>
) : null} ) : null}
<Player.Fullscreen /> <Player.Fullscreen />
</div> </div>
@ -124,12 +121,7 @@ export function PlayerPart(props: PlayerPartProps) {
<div className="flex justify-center space-x-3"> <div className="flex justify-center space-x-3">
{status === playerStatus.PLAYING ? <Player.Pip /> : null} {status === playerStatus.PLAYING ? <Player.Pip /> : null}
<Player.Episodes /> <Player.Episodes />
{status === playerStatus.PLAYING ? ( {status === playerStatus.PLAYING ? <Player.Settings /> : null}
<>
<Player.Captions />
<Player.Settings />
</>
) : null}
</div> </div>
<div> <div>
<Player.Fullscreen /> <Player.Fullscreen />