fix: include play modal on search page

leinelissen · Apr 24, 2023 · e140a0e · e140a0e
1 parent ed78e4a
commit e140a0e
Showing 1 changed file with 16 additions and 11 deletions.
diff --git a/src/screens/Search/index.tsx b/src/screens/Search/index.tsx
@@ -7,24 +7,29 @@ import { StackParams } from 'screens/types';
 import Search from './stacks/Search';
 import Album from 'screens/Music/stacks/Album';
 import { StyleSheet } from 'react-native';
+import NowPlaying from 'screens/Music/overlays/NowPlaying';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
 
 const Stack = createStackNavigator<StackParams>();
 
 function SearchStack() {
     const defaultStyles = useDefaultStyles();
 
     return (
-        <Stack.Navigator initialRouteName="Search" screenOptions={{
-            headerTintColor: THEME_COLOR,
-            headerTitleStyle: defaultStyles.stackHeader,
-            cardStyle: defaultStyles.view,
-            headerTransparent: true,
-            headerBackground: () => <ColoredBlurView style={StyleSheet.absoluteFill} />,
-
-        }}>
-            <Stack.Screen name="Search" component={Search} options={{ headerTitle: t('search'), headerShown: false }} />
-            <Stack.Screen name="Album" component={Album} options={{ headerTitle: t('album') }} />
-        </Stack.Navigator>
+        <GestureHandlerRootView style={{ flex: 1 }}>
+            <Stack.Navigator initialRouteName="Search" screenOptions={{
+                headerTintColor: THEME_COLOR,
+                headerTitleStyle: defaultStyles.stackHeader,
+                cardStyle: defaultStyles.view,
+                headerTransparent: true,
+                headerBackground: () => <ColoredBlurView style={StyleSheet.absoluteFill} />,
+
+            }}>
+                <Stack.Screen name="Search" component={Search} options={{ headerTitle: t('search'), headerShown: false }} />
+                <Stack.Screen name="Album" component={Album} options={{ headerTitle: t('album') }} />
+            </Stack.Navigator>
+            <NowPlaying />
+        </GestureHandlerRootView>
     );
 }