show remove in queue

This commit is contained in:
Violet Caulfield
2025-02-12 23:04:42 -06:00
parent de660f48b5
commit f1ee97e9f3
2 changed files with 20 additions and 15 deletions

View File

@@ -22,7 +22,9 @@ interface TrackProps {
onLongPress?: () => void | undefined;
isNested?: boolean | undefined;
invertedColors?: boolean | undefined;
prependElement?: React.JSX.Element | undefined
prependElement?: React.JSX.Element | undefined;
showRemove?: boolean | undefined;
onRemove?: () => void | undefined;
}
export default function Track({
@@ -36,7 +38,9 @@ export default function Track({
onLongPress,
isNested,
invertedColors,
prependElement
prependElement,
showRemove,
onRemove
} : TrackProps) : React.JSX.Element {
const theme = useTheme();
@@ -162,12 +166,16 @@ export default function Track({
justifyContent="center"
>
<Icon
name="dots-vertical"
name={showRemove ? "close" : "dots-vertical"}
onPress={() => {
navigation.navigate("Details", {
item: track,
isNested: isNested
});
if (showRemove)
if (onRemove)
onRemove()
else
navigation.navigate("Details", {
item: track,
isNested: isNested
});
}}
/>

View File

@@ -66,14 +66,11 @@ export default function Queue({ navigation }: { navigation: NativeStackNavigatio
drag();
}}
isNested
prependElement={(
<Icon
small
color={getTokens().color.amethyst.val}
name="close-circle-outline"
onPress={() => useRemoveFromQueue.mutate(index!)}
/>
)}
showRemove
onRemove={() => {
if (index)
useRemoveFromQueue.mutate(index)
}}
/>
)
}}