55 lines
1.3 KiB
TypeScript
55 lines
1.3 KiB
TypeScript
|
|
import React, { useEffect } from 'react';
|
|
import { StyleSheet, useColorScheme } from 'react-native';
|
|
import { SafeAreaProvider } from 'react-native-safe-area-context';
|
|
import { PaperProvider } from 'react-native-paper';
|
|
import AppNavigator from './src/navigation/AppNavigator';
|
|
import notifee from '@notifee/react-native';
|
|
import FirebaseService from './src/utils/firebase/firebaseServices';
|
|
|
|
function App() {
|
|
const isDarkMode = useColorScheme() === 'dark';
|
|
|
|
useEffect(() => {
|
|
// 🔹 Ask for permission
|
|
FirebaseService.requestPermission();
|
|
|
|
// 🔹 Handle background + quit state
|
|
FirebaseService.backgroundHandler();
|
|
|
|
// 🔹 Listen for foreground messages
|
|
const unsubscribe = FirebaseService.foregroundListener();
|
|
|
|
// 🔹 Listen for token refresh
|
|
const unsubscribeRefresh = FirebaseService.tokenRefreshHandler();
|
|
|
|
// 🔹 Create default notification channel (Android)
|
|
notifee.createChannel({
|
|
id: 'default',
|
|
name: 'Default Channel',
|
|
importance: 4, // HIGH
|
|
});
|
|
|
|
return () => {
|
|
unsubscribe();
|
|
unsubscribeRefresh();
|
|
};
|
|
}, []);
|
|
|
|
return (
|
|
<SafeAreaProvider>
|
|
<PaperProvider>
|
|
<AppNavigator />
|
|
</PaperProvider>
|
|
</SafeAreaProvider>
|
|
);
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
flex: 1,
|
|
},
|
|
});
|
|
|
|
export default App;
|