ItemDetail menu options

components/ItemDetail/component.tsx

@@ -58,6 +58,7 @@ export default function ItemDetail({
                 <YStack 
                     marginLeft={"$0.5"} 
                     justifyContent="flex-start"
+                    alignItems="stretch"
                 >
                     <Text bold fontSize={"$6"}>
                         { item.Name ?? "Untitled Track" }
@@ -85,10 +86,11 @@ export default function ItemDetail({
                     </Text>
 
                     <FavoriteButton item={item} />
+                    
+                    { options ?? <View /> }
                 </YStack>
 
             </XStack>
-            { options ?? <View /> }
         </SafeAreaView>
     )
 }

components/ItemDetail/helpers/TrackOptions.tsx

@@ -1,7 +1,8 @@
+import Icon from "../../../components/Global/helpers/icon";
 import { StackParamList } from "../../../components/types";
 import { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
 import { NativeStackNavigationProp } from "@react-navigation/native-stack";
-import { View } from "tamagui";
+import { XStack } from "tamagui";
 
 export default function TrackOptions({ 
     item, 
@@ -12,8 +13,10 @@ export default function TrackOptions({
 }) : React.JSX.Element {
     
     return (
-        <View>
-            
-        </View>
+        <XStack>
+            <Icon name="table-column-plus-before" />
+
+            <Icon name="table-column-plus-after" />
+        </XStack>
     )
 }