From e140a0e487d377d6bfe3c847dd2fdc90fafbd8d8 Mon Sep 17 00:00:00 2001
From: Lei Nelissen <lei@codified.nl>
Date: Mon, 24 Apr 2023 23:44:47 +0200
Subject: [PATCH] fix: include play modal on search page

---
 src/screens/Search/index.tsx | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/screens/Search/index.tsx b/src/screens/Search/index.tsx
index 3e4fcf74..c4a468f4 100644
--- a/src/screens/Search/index.tsx
+++ b/src/screens/Search/index.tsx
@@ -7,6 +7,8 @@ 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>();
 
@@ -14,17 +16,20 @@ 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>
     );
 }