Switch to server-side data fetching and improve user interface elements

Refactors sales data fetching to use API calls instead of IndexedDB, introduces react-query, updates UI icons, and removes obsolete IndexedDB code.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 91318273-c764-4fd4-be04-bdc12c38af32
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/0715008c-7244-40f4-befc-26c014852236/6e755801-08e8-4492-805e-ac3610de5a2a.jpg
This commit is contained in:
michaelschal committed 2025-07-09 20:14:34 +00:00
1 parent ec38451a81
commit 4ad5b97932
3 files changed
+93 -214

No files matched your search

-83
View File
@@ -1,83 +0,0 @@
import { useState, useEffect, useCallback } from 'react';
import { Sale } from '@/types/sale';
import { FireworksDB, createAutoBackup } from '@/lib/storage';
export function useIndexedDB() {
const [db] = useState(() => new FireworksDB());
const [sales, setSales] = useState<Sale[]>([]);
const [isLoading, setIsLoading] = useState(true);
const [error, setError] = useState<string | null>(null);
const loadSales = useCallback(async () => {
try {
setIsLoading(true);
const allSales = await db.getAllSales();
setSales(allSales.sort((a, b) => new Date(b.dateVente).getTime() - new Date(a.dateVente).getTime()));
setError(null);
} catch (err) {
console.error('Error loading sales:', err);
setError('Erreur lors du chargement des ventes');
} finally {
setIsLoading(false);
}
}, [db]);
const saveSale = useCallback(async (saleData: Omit<Sale, 'id' | 'timestamp'>) => {
try {
const savedSale = await db.saveSale(saleData);
setSales(prev => [savedSale, ...prev]);
// Create auto backup
const updatedSales = await db.getAllSales();
await createAutoBackup(updatedSales);
setError(null);
return savedSale;
} catch (err) {
console.error('Error saving sale:', err);
setError('Erreur lors de l\'enregistrement');
throw err;
}
}, [db]);
const deleteSale = useCallback(async (id: number) => {
try {
await db.deleteSale(id);
setSales(prev => prev.filter(sale => sale.id !== id));
// Update auto backup
const updatedSales = await db.getAllSales();
await createAutoBackup(updatedSales);
setError(null);
} catch (err) {
console.error('Error deleting sale:', err);
setError('Erreur lors de la suppression');
throw err;
}
}, [db]);
useEffect(() => {
const initDB = async () => {
try {
await db.init();
await loadSales();
} catch (err) {
console.error('Error initializing database:', err);
setError('Erreur d\'initialisation de la base de données');
setIsLoading(false);
}
};
initDB();
}, [db, loadSales]);
return {
sales,
isLoading,
error,
saveSale,
deleteSale,
loadSales
};
}