96 lines
2.6 KiB
TypeScript
96 lines
2.6 KiB
TypeScript
"use client";
|
|
|
|
import React, { createContext, useContext, useEffect, useState } from "react";
|
|
|
|
export interface UserPreferences {
|
|
showThumbnails: boolean;
|
|
cacheMode: "memory" | "file";
|
|
showOnlyUnread: boolean;
|
|
debug: boolean;
|
|
}
|
|
|
|
const defaultPreferences: UserPreferences = {
|
|
showThumbnails: true,
|
|
cacheMode: "memory",
|
|
showOnlyUnread: false,
|
|
debug: false,
|
|
};
|
|
|
|
interface PreferencesContextType {
|
|
preferences: UserPreferences;
|
|
updatePreferences: (newPreferences: Partial<UserPreferences>) => Promise<void>;
|
|
isLoading: boolean;
|
|
}
|
|
|
|
const PreferencesContext = createContext<PreferencesContextType | undefined>(undefined);
|
|
|
|
export function PreferencesProvider({ children }: { children: React.ReactNode }) {
|
|
const [preferences, setPreferences] = useState<UserPreferences>(defaultPreferences);
|
|
const [isLoading, setIsLoading] = useState(true);
|
|
|
|
const fetchPreferences = async () => {
|
|
try {
|
|
const response = await fetch("/api/preferences");
|
|
if (!response.ok) throw new Error("Erreur lors de la récupération des préférences");
|
|
const data = await response.json();
|
|
setPreferences({
|
|
...defaultPreferences,
|
|
...data,
|
|
});
|
|
} catch (error) {
|
|
console.error("Erreur lors de la récupération des préférences:", error);
|
|
// En cas d'erreur, on garde les préférences par défaut
|
|
setPreferences(defaultPreferences);
|
|
} finally {
|
|
setIsLoading(false);
|
|
}
|
|
};
|
|
|
|
useEffect(() => {
|
|
fetchPreferences();
|
|
}, []);
|
|
|
|
const updatePreferences = async (newPreferences: Partial<UserPreferences>) => {
|
|
try {
|
|
const response = await fetch("/api/preferences", {
|
|
method: "PUT",
|
|
headers: {
|
|
"Content-Type": "application/json",
|
|
},
|
|
body: JSON.stringify(newPreferences),
|
|
});
|
|
|
|
if (!response.ok) throw new Error("Erreur lors de la mise à jour des préférences");
|
|
|
|
const updatedPreferences = await response.json();
|
|
|
|
setPreferences((prev) => ({
|
|
...prev,
|
|
...updatedPreferences,
|
|
}));
|
|
|
|
// Forcer un rafraîchissement des préférences
|
|
await fetchPreferences();
|
|
|
|
return updatedPreferences;
|
|
} catch (error) {
|
|
console.error("Erreur lors de la mise à jour des préférences:", error);
|
|
throw error;
|
|
}
|
|
};
|
|
|
|
return (
|
|
<PreferencesContext.Provider value={{ preferences, updatePreferences, isLoading }}>
|
|
{children}
|
|
</PreferencesContext.Provider>
|
|
);
|
|
}
|
|
|
|
export function usePreferences() {
|
|
const context = useContext(PreferencesContext);
|
|
if (context === undefined) {
|
|
throw new Error("usePreferences must be used within a PreferencesProvider");
|
|
}
|
|
return context;
|
|
}
|