Refactor unauthorized alert handling to use popup store and improve l…

…ogout confirmation message

src/query/index.ts

@@ -1,9 +1,10 @@
 import { navigationStore } from '@/zustand/navigationStore'
+import popupStore from '@/zustand/popupStore'
 import NetInfo from '@react-native-community/netinfo'
 import { useFocusEffect } from '@react-navigation/native'
+import { logout } from '@screens/auth/utils'
 import { onlineManager, QueryClient, type NotifyOnChangeProps } from '@tanstack/react-query'
 import React from 'react'
-import { Alert } from 'react-native'
 
 // Online Status Manager
 onlineManager.setEventListener((setOnline) => {
@@ -104,19 +105,6 @@ export const queryClient = new QueryClient({
 
 function handleUnauthorized(data: ServerResponse) {
   if (data.message !== 'Unauthorized') return
-  navigation?.reset({
-    index: 0,
-    routes: [{ name: 'Login' }],
-  })
-  Alert.alert('Unauthorized', 'Please login again', [
-    {
-      text: 'OK',
-      onPress: () => {
-        navigation?.reset({
-          index: 0,
-          routes: [{ name: 'Login' }],
-        })
-      },
-    },
-  ])
+  const alert = popupStore.getState().alert
+  alert('Unauthorized', 'Your session has expired. Please login again.', [{ text: 'OK', onPress: logout }])
 }

src/screens/auth/utils.ts

@@ -13,7 +13,7 @@ export function logout() {
 
 export function handleLogout(logoutMutation: () => void) {
   const alert = popupStore.getState().alert
-  alert('Log out', 'This is the device you are currently using. Are you sure you want to log out?', [
+  alert('Log out', 'Are you sure you want to log out from this device?', [
     {
       text: 'Log out',
       onPress() {