mirror of
https://github.com/anultravioletaurora/Jellify.git
synced 2026-05-08 06:29:34 -05:00
navigation changes to account for react navigation 7.x
This commit is contained in:
@@ -93,7 +93,7 @@ export default function Album({
|
||||
item={artist}
|
||||
width={width / 4}
|
||||
onPress={() => {
|
||||
navigation.push("Artist", {
|
||||
navigation.navigate("Artist", {
|
||||
artist
|
||||
});
|
||||
}}
|
||||
|
||||
@@ -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}
|
||||
/>
|
||||
|
||||
@@ -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
|
||||
})
|
||||
}}
|
||||
|
||||
@@ -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}
|
||||
/>
|
||||
|
||||
@@ -29,7 +29,7 @@ export default function FavoritesScreen({
|
||||
caption={item.name}
|
||||
width={width / 2.1}
|
||||
onPress={() => {
|
||||
navigation.push(item.name)
|
||||
navigation.navigate(item.name)
|
||||
}}
|
||||
/>
|
||||
)
|
||||
|
||||
@@ -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
|
||||
})
|
||||
|
||||
@@ -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
|
||||
});
|
||||
|
||||
@@ -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
|
||||
})
|
||||
}} />
|
||||
|
||||
@@ -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,
|
||||
}
|
||||
|
||||
@@ -41,7 +41,7 @@ export default function RecentlyPlayed({
|
||||
}}
|
||||
onLongPress={() => {
|
||||
trigger("impactMedium");
|
||||
navigation.push("Details", {
|
||||
navigation.navigate("Details", {
|
||||
item: recentlyPlayedTrack,
|
||||
isNested: false
|
||||
})
|
||||
|
||||
@@ -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
|
||||
});
|
||||
}}
|
||||
|
||||
@@ -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}
|
||||
/>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user