feat: cleanup

Author: Pnlvfx

example/src/context/NotificationContext.tsx

@@ -18,22 +18,11 @@ const NotificationContext = createContext<NotificationContextValue | undefined>(
   undefined
 );
 
-export const useNotificationContext = () => {
-  const ctx = useContext(NotificationContext);
-  if (!ctx)
-    throw new Error(
-      'useNotificationContext must be used within NotificationProvider'
-    );
-  return ctx;
-};
-
 export const NotificationProvider = ({ children }: { children: ReactNode }) => {
   const [permStatus, setPermStatus] =
     useState<PermissionStatus>('undetermined');
-  const [token, setToken] = useState<string | undefined>(undefined);
-  const [lastReceived, setLastReceived] = useState<string | undefined>(
-    undefined
-  );
+  const [token, setToken] = useState<string>();
+  const [lastReceived, setLastReceived] = useState<string>();
 
   useEffect(() => {
     let active = true;
@@ -67,12 +56,11 @@ export const NotificationProvider = ({ children }: { children: ReactNode }) => {
   }, [permStatus]);
 
   useEffect(() => {
-    if (permStatus !== 'granted' && permStatus !== 'provisional') return;
     const sub = Notifications.addOnNotificationReceived((n) => {
-      setLastReceived(`${n.title ?? '(no title)'} — ${n.body ?? '(no body)'}`);
+      setLastReceived(`Received: ${n.title ?? ''} — ${n.body ?? ''}`);
     });
     return () => sub.remove();
-  }, [permStatus]);
+  }, []);
 
   useEffect(() => {
     if (permStatus !== 'granted' && permStatus !== 'provisional') return;
@@ -108,3 +96,12 @@ export const NotificationProvider = ({ children }: { children: ReactNode }) => {
     </NotificationContext.Provider>
   );
 };
+
+export const useNotification = () => {
+  const ctx = useContext(NotificationContext);
+  if (!ctx)
+    throw new Error(
+      'useNotificationContext must be used within NotificationProvider'
+    );
+  return ctx;
+};

example/src/screens/HomeScreen.tsx

@@ -9,12 +9,12 @@ import {
   Text,
 } from 'react-native';
 import { Section } from '../components/section';
-import { useNotificationContext } from '../context/NotificationContext';
+import { useNotification } from '../context/NotificationContext';
 
 export const HomeScreen = () => {
   const navigation = useNavigation();
   const { permStatus, token, lastReceived, requestPermissions, unregister } =
-    useNotificationContext();
+    useNotification();
 
   const copyToken = () => {
     if (!token) return;
@@ -43,7 +43,7 @@ export const HomeScreen = () => {
       </Pressable>
 
       <Section label="Last Received">
-        <Text testID="last-received-text" style={styles.eventText}>
+        <Text testID="last-event-text" style={styles.eventText}>
           {lastReceived ?? 'None'}
         </Text>
       </Section>
@@ -65,7 +65,6 @@ const styles = StyleSheet.create({
   container: {
     flexGrow: 1,
     alignItems: 'center',
-    justifyContent: 'center',
     padding: 24,
     gap: 24,
   },