0abbf5068f
: notifikasi in app Deskripsi: - package baru - menampilkan notifikasi saat sedang membuka app NoIssues
105 lines
4.5 KiB
TypeScript
105 lines
4.5 KiB
TypeScript
import HeaderRightAnnouncementList from "@/components/announcement/headerAnnouncementList";
|
|
import ButtonBackHeader from "@/components/buttonBackHeader";
|
|
import HeaderDiscussionGeneral from "@/components/discussion_general/headerDiscussionGeneral";
|
|
import HeaderRightDivisionList from "@/components/division/headerDivisionList";
|
|
import HeaderRightGroupList from "@/components/group/headerGroupList";
|
|
import HeaderMemberList from "@/components/member/headerMemberList";
|
|
import HeaderRightPositionList from "@/components/position/headerRightPositionList";
|
|
import HeaderRightProjectList from "@/components/project/headerProjectList";
|
|
import { Headers } from "@/constants/Headers";
|
|
import store from "@/lib/store";
|
|
import { useAuthSession } from "@/providers/AuthProvider";
|
|
import messaging from "@react-native-firebase/messaging";
|
|
import { Redirect, router, Stack } from "expo-router";
|
|
import { StatusBar } from 'expo-status-bar';
|
|
import { useEffect } from "react";
|
|
import { Text } from "react-native";
|
|
import { Easing, Notifier } from 'react-native-notifier';
|
|
import { Provider } from "react-redux";
|
|
|
|
export default function RootLayout() {
|
|
useEffect(() => {
|
|
const unsubscribe = messaging().onMessage(async remoteMessage => {
|
|
Notifier.showNotification({
|
|
title: remoteMessage.notification?.title,
|
|
description: remoteMessage.notification?.body,
|
|
duration: 5000,
|
|
animationDuration: 500,
|
|
showEasing: Easing.ease,
|
|
onPress: () => router.push('/notification'),
|
|
hideOnPress: false,
|
|
});
|
|
});
|
|
|
|
return unsubscribe;
|
|
}, []);
|
|
|
|
const { token, isLoading } = useAuthSession()
|
|
|
|
if (isLoading) {
|
|
return <Text>Loading...</Text>;
|
|
}
|
|
|
|
if (!token?.current) {
|
|
return <Redirect href="/" />;
|
|
}
|
|
|
|
return (
|
|
<Provider store={store}>
|
|
<Stack screenOptions={Headers.shadow}>
|
|
<Stack.Screen name="home" options={{ title: 'Home' }} />
|
|
<Stack.Screen name="feature" options={{ title: 'Fitur' }} />
|
|
<Stack.Screen name="search" options={{ title: 'Pencarian' }} />
|
|
<Stack.Screen name="notification" options={{ title: 'Notifikasi' }} />
|
|
<Stack.Screen name="profile" options={{ title: 'Profile' }} />
|
|
<Stack.Screen name="member/index" options={{
|
|
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
|
|
title: 'Anggota',
|
|
headerTitleAlign: 'center',
|
|
headerRight: () => <HeaderMemberList />
|
|
}} />
|
|
<Stack.Screen name="discussion/index" options={{
|
|
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
|
|
title: 'Diskusi Umum',
|
|
headerTitleAlign: 'center',
|
|
headerRight: () => <HeaderDiscussionGeneral />
|
|
}} />
|
|
<Stack.Screen name="project/index" options={{
|
|
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
|
|
title: 'Kegiatan',
|
|
headerTitleAlign: 'center',
|
|
headerRight: () => <HeaderRightProjectList />
|
|
}} />
|
|
<Stack.Screen name="division/index" options={{
|
|
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
|
|
title: 'Divisi',
|
|
headerTitleAlign: 'center',
|
|
headerRight: () => <HeaderRightDivisionList />
|
|
}} />
|
|
<Stack.Screen name="division/[id]/(fitur-division)" options={{ headerShown: false }} />
|
|
<Stack.Screen name="group/index" options={{
|
|
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
|
|
headerTitle: 'Lembaga Desa',
|
|
headerTitleAlign: 'center',
|
|
headerRight: () => <HeaderRightGroupList />
|
|
}} />
|
|
<Stack.Screen name="position/index" options={{
|
|
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
|
|
headerTitle: 'Jabatan',
|
|
headerTitleAlign: 'center',
|
|
headerRight: () => <HeaderRightPositionList />
|
|
}} />
|
|
<Stack.Screen name="announcement/index"
|
|
options={{
|
|
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
|
|
headerTitle: 'Pengumuman',
|
|
headerTitleAlign: 'center',
|
|
headerRight: () => <HeaderRightAnnouncementList />
|
|
}}
|
|
/>
|
|
</Stack>
|
|
<StatusBar style="light" />
|
|
</Provider>
|
|
)
|
|
}
|