theming stuff, item details screen

components/Player/component.tsx

@@ -3,6 +3,7 @@ import { createNativeStackNavigator, NativeStackNavigationProp } from "@react-na
 import { StackParamList } from "../types";
 import PlayerScreen from "./screens";
 import Queue from "./screens/queue";
+import DetailsScreen from "./screens/details";
 
 export const PlayerStack = createNativeStackNavigator<StackParamList>();
 
@@ -30,6 +31,14 @@ export default function Player({ navigation }: { navigation: NativeStackNavigati
                 }}
             />
 
+            <PlayerStack.Screen
+                name="Details"
+                component={DetailsScreen}
+                options={{
+                    headerTitle: ""
+                }}
+            />
+
         </PlayerStack.Navigator>
     );
 }

components/Player/screens/details.tsx

@@ -0,0 +1,20 @@
+import ItemDetail from "@/components/ItemDetail/component";
+import { StackParamList } from "@/components/types";
+import { RouteProp } from "@react-navigation/native";
+import { NativeStackNavigationProp } from "@react-navigation/native-stack";
+import React from "react";
+
+export default function DetailsScreen({
+    route,
+    navigation
+} : {
+    route: RouteProp<StackParamList, "Details">,
+    navigation: NativeStackNavigationProp<StackParamList>
+}) : React.JSX.Element {
+    return (
+        <ItemDetail
+            item={route.params.item}
+            navigation={navigation}
+        />
+    )
+}

components/Player/screens/index.tsx

@@ -132,6 +132,17 @@ export default function PlayerScreen({ navigation }: { navigation: NativeStackNa
                             flex={1}
                         >
                             {/* Buttons for favorites, song menu go here */}
+
+                            <Icon
+                                name="menu-open"
+                                color={Colors.Primary}
+                                onPress={() => {
+                                    navigation.navigate("Details", {
+                                        item: nowPlaying!.item
+                                    });
+                                }}
+                            />
+
                             <FavoriteHeaderButton 
                                 item={nowPlaying!.item} 
                                 onToggle={() => setNowPlayingIsFavorite(!nowPlayingIsFavorite)}