41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
import React, { createContext, useContext, useState } from 'react';
|
|
import { useAuth } from './AuthContext';
|
|
import { ApiService } from '../services/api';
|
|
|
|
interface RefreshContextType {
|
|
refreshing: boolean;
|
|
refreshAll: () => Promise<void>;
|
|
}
|
|
|
|
const RefreshContext = createContext<RefreshContextType | undefined>(undefined);
|
|
|
|
export function RefreshProvider({ children }: { children: React.ReactNode }) {
|
|
const [refreshing, setRefreshing] = useState(false);
|
|
const { syncUser } = useAuth();
|
|
|
|
const refreshAll = async () => {
|
|
setRefreshing(true);
|
|
try {
|
|
// Sync User Data
|
|
await syncUser();
|
|
// You can add more global syncs here (e.g., config, notifications)
|
|
} catch (e) {
|
|
console.error('Global refresh failed', e);
|
|
} finally {
|
|
setRefreshing(false);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<RefreshContext.Provider value={{ refreshing, refreshAll }}>
|
|
{children}
|
|
</RefreshContext.Provider>
|
|
);
|
|
}
|
|
|
|
export function useRefresh() {
|
|
const context = useContext(RefreshContext);
|
|
if (context === undefined) throw new Error('useRefresh must be used within a RefreshProvider');
|
|
return context;
|
|
}
|