alteropen/streamyfin
1
0
Fork 0
mirror of https://github.com/streamyfin/streamyfin.git synced 2026-01-15 23:59:08 +00:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

fix: hide/show now works + added back dropdown menu

Browse Source
This commit is contained in:
Fredrik Burmester
2024-11-17 21:36:52 +01:00
parent a5677aae86
commit cef1327fcb
1 changed files with 25 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
components/video-player/Controls.tsx
View File

@@ -434,7 +434,7 @@ export const Controls: React.FC<Props> = ({
height: "100%",
}}
>
<BottomSheetModal
{/* <BottomSheetModal
ref={bottomSheetModalRef}
index={0}
snapPoints={["50%"]}
@@ -485,7 +485,7 @@ export const Controls: React.FC<Props> = ({
</TouchableOpacity>
))}
</BottomSheetView>
</BottomSheetModal>
</BottomSheetModal> */}
<View
style={{
position: "absolute",
@@ -494,16 +494,11 @@ export const Controls: React.FC<Props> = ({
}}
className="p-4"
>
<TouchableOpacity
onPress={() => {
handlePresentModalPress();
}}
className="aspect-square flex flex-col bg-neutral-800/90 rounded-xl items-center justify-center p-2"
>
<Ionicons name="ellipsis-horizontal" size={24} color={"white"} />
</TouchableOpacity>
{/* <DropdownMenu.Root>
<DropdownMenu.Root>
<DropdownMenu.Trigger>
<TouchableOpacity className="aspect-square flex flex-col bg-neutral-800/90 rounded-xl items-center justify-center p-2">
<Ionicons name="ellipsis-horizontal" size={24} color={"white"} />
</TouchableOpacity>
</DropdownMenu.Trigger>
<DropdownMenu.Content
loop={true}
@@ -529,19 +524,15 @@ export const Controls: React.FC<Props> = ({
<DropdownMenu.Item
key={`subtitle-item-${idx}`}
onSelect={() => {
console.log("Trying to set subtitle...");
if (sub.isExternal) {
console.log("Setting external sub:", sub);
setSubtitleURL &&
setSubtitleURL(
api?.basePath + sub.deliveryUrl,
sub.name
);
return;
} else {
setSubtitleTrack && setSubtitleTrack(sub.index);
}
console.log("Setting sub with index:", sub.index);
setSubtitleTrack && setSubtitleTrack(sub.index);
}}
>
<DropdownMenu.ItemIndicator />
@@ -563,24 +554,23 @@ export const Controls: React.FC<Props> = ({
loop={true}
sideOffset={10}
>
{audioTracks?.map((a, idx: number) => (
<DropdownMenu.CheckboxItem
{audioTracks?.map((track, idx: number) => (
<DropdownMenu.Item
key={`audio-item-${idx}`}
value="off"
onValueChange={() => {
setAudioTrack && setAudioTrack(a.index);
onSelect={() => {
setAudioTrack && setAudioTrack(track.index);
}}
>
<DropdownMenu.ItemIndicator />
<DropdownMenu.ItemTitle key={`audio-item-title-${idx}`}>
{a.name}
{track.name}
</DropdownMenu.ItemTitle>
</DropdownMenu.CheckboxItem>
</DropdownMenu.Item>
))}
</DropdownMenu.SubContent>
</DropdownMenu.Sub>
</DropdownMenu.Content>
</DropdownMenu.Root> */}
</DropdownMenu.Root>
</View>
<View
@@ -625,21 +615,16 @@ export const Controls: React.FC<Props> = ({
onPress={() => {
toggleControls();
}}
>
<View
style={[
{
position: "absolute",
top: 0,
left: 0,
width: "100%",
height: "100%",
opacity: showControls ? 1 : 0,
},
]}
className={`bg-black/50 z-0`}
></View>
</Pressable>
style={{
position: "absolute",
top: 0,
left: 0,
width: "100%",
height: "100%",
opacity: showControls ? 0.5 : 0,
backgroundColor: "black",
}}
></Pressable>
<View
style={{