mirror of
https://github.com/Jellify-Music/App.git
synced 2026-01-07 11:30:30 -06:00
what about this for the song menu options?
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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 />
|
||||
|
||||
Reference in New Issue
Block a user