what about this for the song menu options?

This commit is contained in:
Violet Caulfield
2025-01-17 08:47:03 -06:00
parent bb150fbb27
commit 2093ea91cc
2 changed files with 23 additions and 7 deletions

View File

@@ -1,7 +1,7 @@
import { usePlayerContext } from "@/player/provider";
import React from "react";
import { Separator, Spacer, View, XStack, YStack } from "tamagui";
import { Text } from "../helpers/text";
import { H5, Text } from "../helpers/text";
import { RunTimeTicks } from "../helpers/time-codes";
import { BaseItemDto, ImageType } from "@jellyfin/sdk/lib/generated-client/models";
import { Colors } from "@/enums/colors";
@@ -11,6 +11,7 @@ import { useApiClientContext } from "@/components/jellyfin-api-provider";
import { queryConfig } from "@/api/queries/query.config";
import { useSafeAreaFrame } from "react-native-safe-area-context";
import Icon from "../helpers/icon";
import Popover from "../helpers/popover";
interface TrackProps {
track: BaseItemDto;
@@ -131,6 +132,23 @@ export default function Track({
>
<RunTimeTicks>{ track.RunTimeTicks }</RunTimeTicks>
</YStack>
<YStack
alignContent="center"
justifyContent="center"
>
<Popover
trigger={(
<Icon small name="dots-vertical" />
)}>
<XStack justifyContent="space-between">
<YStack alignContent="flex-start">
<H5>{ track.Name ?? "Untitled Track" }</H5>
</YStack>
</XStack>
</Popover>
</YStack>
</XStack>
</XStack>
</View>

View File

@@ -5,8 +5,7 @@ import { Popover as TamaguiPopover, View } from "tamagui"
interface PopoverProps {
children: React.ReactNode;
anchor: React.ReactNode;
open: boolean
trigger: React.ReactNode;
}
export default function Popover(props: PopoverProps) : React.JSX.Element {
@@ -15,11 +14,10 @@ export default function Popover(props: PopoverProps) : React.JSX.Element {
placement="top"
size="$5"
onOpenChange={() => trigger("impactLight")}
open={props.open}
>
<TamaguiPopover.Anchor>
{ props.anchor }
</TamaguiPopover.Anchor>
<TamaguiPopover.Trigger>
{ props.trigger }
</TamaguiPopover.Trigger>
<TamaguiPopover.Content>
<TamaguiPopover.Arrow />