File size: 3,425 Bytes
5c876be | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 | /**
* Global app preferences & UI state store.
*
* Manages cross-cutting concerns like the user's current role,
* online status, and theme preference. These are persisted
* separately from auth because they survive logouts.
*/
import { create } from 'zustand';
import { persist, createJSONStorage } from 'zustand/middleware';
import type { UserRole } from '../types/user';
// ─── State Shape ─────────────────────────────────────────────────────────────
interface AppState {
/** The role the user is currently acting as (rider or passenger) */
currentRole: UserRole;
/** Whether the user is visible to others as online */
isOnline: boolean;
/** Whether dark mode is active */
isDarkMode: boolean;
/** Whether push notifications are enabled */
notificationsEnabled: boolean;
}
// ─── Actions ─────────────────────────────────────────────────────────────────
interface AppActions {
/** Switch between rider and passenger mode */
setRole: (role: UserRole) => void;
/** Toggle online/offline visibility */
setOnline: (value: boolean) => void;
/** Toggle dark mode */
setDarkMode: (value: boolean) => void;
/** Toggle notifications */
setNotificationsEnabled: (value: boolean) => void;
}
// ─── Persisted Store ─────────────────────────────────────────────────────────
export const useAppStore = create<AppState & AppActions>()(
persist(
(set) => ({
// Initial / default state
currentRole: 'rider' as UserRole,
isOnline: true,
isDarkMode: false,
notificationsEnabled: true,
// Actions
setRole: (role) =>
set({ currentRole: role }),
setOnline: (value) =>
set({ isOnline: value }),
setDarkMode: (value) =>
set({ isDarkMode: value }),
setNotificationsEnabled: (value) =>
set({ notificationsEnabled: value }),
}),
{
name: 'antaram-app-storage',
storage: createJSONStorage(() => {
// AsyncStorage will be used in React Native by default when available
// This also falls back to localStorage in web / Expo web
try {
// eslint-disable-next-line @typescript-eslint/no-require-imports
const { AsyncStorage } = require('@react-native-async-storage/async-storage');
return AsyncStorage;
} catch {
// Web fallback
return localStorage;
}
}),
// Only persist these specific keys
partialize: (state) => ({
currentRole: state.currentRole,
isOnline: state.isOnline,
isDarkMode: state.isDarkMode,
notificationsEnabled: state.notificationsEnabled,
}),
},
),
);
// ─── Selectors ───────────────────────────────────────────────────────────────
export const selectIsRider = (state: AppState) => state.currentRole === 'rider';
export const selectIsPassenger = (state: AppState) => state.currentRole === 'passenger';
|