mirror/App
1
0
Fork 0
mirror of https://github.com/Jellify-Music/App.git synced 2026-02-20 02:39:33 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix issue where details modal wouldn't show up

Browse Source
This commit is contained in:
Violet Caulfield
2025-02-09 13:12:44 -06:00
parent 21158a8c56
commit feef432d5a
5 changed files with 41 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/Discover/stack.tsx
View File

@@ -26,14 +26,6 @@ export function Discover(): React.JSX.Element {
/>
<DiscoverStack.Group screenOptions={{ presentation: "modal"}}>
<DiscoverStack.Screen
name="Player"
component={Player}
options={{
headerShown: false
}}
/>
<DiscoverStack.Screen
name="Details"
component={DetailsScreen}
@@ -42,7 +34,6 @@ export function Discover(): React.JSX.Element {
}}
/>
</DiscoverStack.Group>
</DiscoverStack.Navigator>
)
}

41
components/Favorites/stack.tsx
View File

@@ -11,14 +11,14 @@ import TracksScreen from "../Tracks/screen";
import DetailsScreen from "../ItemDetail/screen";
import PlaylistsScreen from "../Playlists/screen";
const LibraryStack = createNativeStackNavigator<StackParamList>();
const FavoritesStack = createNativeStackNavigator<StackParamList>();
export default function Library(): React.JSX.Element {
export default function Favorites(): React.JSX.Element {
return (
<LibraryStack.Navigator
<FavoritesStack.Navigator
initialRouteName="Favorites"
>
<LibraryStack.Screen
<FavoritesStack.Screen
name="Favorites"
component={FavoritesScreen}
options={{
@@ -29,7 +29,7 @@ export default function Library(): React.JSX.Element {
}}
/>
<LibraryStack.Screen
<FavoritesStack.Screen
name="Artist"
component={ArtistScreen}
options={({ route }) => ({
@@ -41,7 +41,7 @@ export default function Library(): React.JSX.Element {
})}
/>
<LibraryStack.Screen
<FavoritesStack.Screen
name="Artists"
component={ArtistsScreen}
options={({ route }) => ({
@@ -52,7 +52,7 @@ export default function Library(): React.JSX.Element {
})}
/>
<LibraryStack.Screen
<FavoritesStack.Screen
name="Album"
component={AlbumScreen}
options={({ route }) => ({
@@ -61,7 +61,7 @@ export default function Library(): React.JSX.Element {
})}
/>
<LibraryStack.Screen
<FavoritesStack.Screen
name="Albums"
component={AlbumsScreen}
options={{
@@ -72,7 +72,7 @@ export default function Library(): React.JSX.Element {
}}
/>
<LibraryStack.Screen
<FavoritesStack.Screen
name="Tracks"
component={TracksScreen}
options={{
@@ -83,7 +83,7 @@ export default function Library(): React.JSX.Element {
}}
/>
<LibraryStack.Screen
<FavoritesStack.Screen
name="Playlists"
component={PlaylistsScreen}
options={{
@@ -94,7 +94,7 @@ export default function Library(): React.JSX.Element {
}}
/>
<LibraryStack.Screen
<FavoritesStack.Screen
name="Playlist"
component={PlaylistScreen}
options={({ route }) => ({
@@ -103,14 +103,15 @@ export default function Library(): React.JSX.Element {
})}
/>
<LibraryStack.Screen
name="Details"
component={DetailsScreen}
options={{
headerShown: false,
presentation: "modal"
}}
/>
</LibraryStack.Navigator>
<FavoritesStack.Group screenOptions={{ presentation: 'modal' }}>
<FavoritesStack.Screen
name="Details"
component={DetailsScreen}
options={{
headerShown: false,
}}
/>
</FavoritesStack.Group>
</FavoritesStack.Navigator>
)
}

9
components/Home/stack.tsx
View File

@@ -63,6 +63,15 @@ export default function Home(): React.JSX.Element {
/>
</HomeStack.Group>
<HomeStack.Group screenOptions={{ presentation: 'modal' }}>
<HomeStack.Screen
name="Details"
component={DetailsScreen}
options={{
headerShown: false,
}}
/>
</HomeStack.Group>
</HomeStack.Navigator>
</HomeProvider>
);

11
components/Settings/stack.tsx
View File

@@ -3,7 +3,6 @@ import { createNativeStackNavigator } from "@react-navigation/native-stack";
import Root from "./component";
import AccountDetails from "./screens/account-details";
import DevToolsScreen from "./screens/dev-tools";
import Player from "../Player/stack";
import DetailsScreen from "../ItemDetail/screen";
import { StackParamList } from "../types";
@@ -46,6 +45,16 @@ export default function Settings(): React.JSX.Element {
}
}}
/>
<SettingsStack.Group screenOptions={{ presentation: 'modal'}}>
<SettingsStack.Screen
name="Details"
component={DetailsScreen}
options={{
headerShown: false
}}
/>
</SettingsStack.Group>
</SettingsStack.Navigator>
)
}

1
components/navigation.tsx
View File

@@ -2,6 +2,7 @@ import { createNativeStackNavigator } from "@react-navigation/native-stack";
import Player from "./Player/stack";
import { Tabs } from "./tabs";
import { StackParamList } from "./types";
import DetailsScreen from "./ItemDetail/screen";
export default function Navigation(): React.JSX.Element {