navigation changes to account for react navigation 7.x

This commit is contained in:
Violet Caulfield
2025-02-09 07:28:06 -06:00
parent 0a267cf37e
commit eb3d9b04d5
14 changed files with 27 additions and 24 deletions
+1 -1
View File
@@ -93,7 +93,7 @@ export default function Album({
item={artist}
width={width / 4}
onPress={() => {
navigation.push("Artist", {
navigation.navigate("Artist", {
artist
});
}}
+1 -1
View File
@@ -28,7 +28,7 @@ export default function Albums({ navigation }: AlbumsProps) : React.JSX.Element
subCaption={album.ProductionYear?.toString() ?? ""}
cornered
onPress={() => {
navigation.push("Album", { album })
navigation.navigate("Album", { album })
}}
width={width / 2.1}
/>
+9 -6
View File
@@ -16,12 +16,15 @@ interface ArtistProps {
navigation: NativeStackNavigationProp<StackParamList>
}
export default function Artist(props: ArtistProps): React.JSX.Element {
export default function Artist({
artist,
navigation
}: ArtistProps): React.JSX.Element {
props.navigation.setOptions({
navigation.setOptions({
headerRight: () => {
return (
<FavoriteButton item={props.artist} />
<FavoriteButton item={artist} />
)
}
});
@@ -32,7 +35,7 @@ export default function Artist(props: ArtistProps): React.JSX.Element {
const bannerHeight = height / 6;
const { data: albums } = useArtistAlbums(props.artist.Id!);
const { data: albums } = useArtistAlbums(artist.Id!);
return (
<ScrollView
@@ -40,7 +43,7 @@ export default function Artist(props: ArtistProps): React.JSX.Element {
alignContent="center">
<YStack alignContent="center" justifyContent="center" minHeight={bannerHeight}>
<BlurhashedImage
item={props.artist}
item={artist}
width={width}
/>
</YStack>
@@ -62,7 +65,7 @@ export default function Artist(props: ArtistProps): React.JSX.Element {
cornered
item={album}
onPress={() => {
props.navigation.push('Album', {
navigation.navigate('Album', {
album
})
}}
+1 -1
View File
@@ -28,7 +28,7 @@ export default function Artists({ navigation }: ArtistsProps): React.JSX.Element
item={artist}
caption={artist.Name ?? "Unknown Artist"}
onPress={() => {
navigation.push("Artist", { artist })
navigation.navigate("Artist", { artist })
}}
width={width / 2.1}
/>
+1 -1
View File
@@ -29,7 +29,7 @@ export default function FavoritesScreen({
caption={item.name}
width={width / 2.1}
onPress={() => {
navigation.push(item.name)
navigation.navigate(item.name)
}}
/>
)
+4 -4
View File
@@ -35,14 +35,14 @@ export default function Item({
onPress={() => {
switch (item.Type) {
case ("MusicArtist") : {
navigation.push("Artist", {
navigation.navigate("Artist", {
artist: item
})
break;
}
case ("MusicAlbum") : {
navigation.push("Album", {
navigation.navigate("Album", {
album: item
})
break;
@@ -61,7 +61,7 @@ export default function Item({
}}
onLongPress={() => {
navigation.push("Details", {
navigation.navigate("Details", {
item,
isNested: false
})
@@ -122,7 +122,7 @@ export default function Item({
<Icon
name="dots-vertical"
onPress={() => {
navigation.push("Details", {
navigation.navigate("Details", {
item,
isNested: false
})
+2 -2
View File
@@ -67,7 +67,7 @@ export default function Track({
onLongPress={
onLongPress ? () => onLongPress()
: () => {
navigation.push("Details", {
navigation.navigate("Details", {
item: track,
isNested: isNested
})
@@ -162,7 +162,7 @@ export default function Track({
<Icon
name="dots-vertical"
onPress={() => {
navigation.push("Details", {
navigation.navigate("Details", {
item: track,
isNested: isNested
});
+1 -1
View File
@@ -22,7 +22,7 @@ export default function Playlists({ navigation }: { navigation: NativeStackNavig
item={playlist}
caption={playlist.Name ?? "Untitled Playlist"}
onPress={() => {
navigation.push('Playlist', {
navigation.navigate('Playlist', {
playlist
})
}} />
+1 -1
View File
@@ -22,7 +22,7 @@ export default function RecentArtists({ navigation }: { navigation: NativeStackN
item={recentArtist}
caption={recentArtist.Name ?? "Unknown Artist"}
onPress={() => {
navigation.push('Artist',
navigation.navigate('Artist',
{
artist: recentArtist,
}
+1 -1
View File
@@ -41,7 +41,7 @@ export default function RecentlyPlayed({
}}
onLongPress={() => {
trigger("impactMedium");
navigation.push("Details", {
navigation.navigate("Details", {
item: recentlyPlayedTrack,
isNested: false
})
+1 -1
View File
@@ -100,7 +100,7 @@ export default function ItemDetail({
navigation.getParent()!.goBack();
navigation.goBack();
navigation.push("Artist", {
navigation.navigate("Artist", {
artist: item.ArtistItems[0]
});
}
@@ -56,7 +56,7 @@ export default function TrackOptions({
navigation.getParent()!.goBack();
navigation.goBack();
navigation.push("Album", {
navigation.navigate("Album", {
album
});
}}
+1 -1
View File
@@ -27,7 +27,7 @@ export default function Playlists({ navigation }: PlaylistsProps) : React.JSX.El
item={playlist}
caption={playlist.Name ?? "Untitled Playlist"}
onPress={() => {
navigation.push("Playlist", { playlist })
navigation.navigate("Playlist", { playlist })
}}
width={width / 2.1}
/>
+2 -2
View File
@@ -30,7 +30,7 @@ export default function Root({
title="Account Details"
subTitle="Everything is about you, man"
onPress={() => {
navigation.push("AccountDetails")
navigation.navigate("AccountDetails")
}}
/>
</YGroup.Item>
@@ -41,7 +41,7 @@ export default function Root({
title="Developer Tools"
subTitle="Nerds rule!"
onPress={() => {
navigation.push("DevTools");
navigation.navigate("DevTools");
}}
/>
</YGroup.Item>