Display the precise date and time in sales history for better tracking

Updates SalesHistory component to show date and time and includes timestamp in CSV export.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: dec54137-d5a2-4406-8ad4-5f2f9fb110bf
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/0715008c-7244-40f4-befc-26c014852236/f6a714a9-67f2-4f1f-a39d-6d27dc316a57.jpg
This commit is contained in:
michaelschal committed 2025-07-10 08:51:59 +00:00
1 parent fee34d6c4f
commit f78ee9409a
2 files changed
+14 -15

No files matched your search

+5 -4
View File
@@ -356,7 +356,7 @@ export default function SalesHistory({ canDelete = false }: SalesHistoryProps) {
<table className="modern-table"> <table className="modern-table">
<thead> <thead>
<tr> <tr>
<th>Date</th> <th>Date et Heure</th>
<th>Vendeur</th> <th>Vendeur</th>
<th>Client</th> <th>Client</th>
<th>Article</th> <th>Article</th>
@@ -377,7 +377,8 @@ export default function SalesHistory({ canDelete = false }: SalesHistoryProps) {
filteredSales.map((sale) => ( filteredSales.map((sale) => (
<tr key={sale.id}> <tr key={sale.id}>
<td className="font-mono text-sm"> <td className="font-mono text-sm">
{new Date(sale.timestamp).toLocaleDateString('fr-FR')} <div>{new Date(sale.timestamp).toLocaleDateString('fr-FR')}</div>
<div className="text-xs text-gray-500">{new Date(sale.timestamp).toLocaleTimeString('fr-FR', { hour: '2-digit', minute: '2-digit' })}</div>
</td> </td>
<td className="font-medium">{sale.vendeur}</td> <td className="font-medium">{sale.vendeur}</td>
<td> <td>
@@ -411,8 +412,8 @@ export default function SalesHistory({ canDelete = false }: SalesHistoryProps) {
<div className="space-y-4"> <div className="space-y-4">
<div className="grid grid-cols-2 gap-4"> <div className="grid grid-cols-2 gap-4">
<div> <div>
<label className="text-sm font-medium text-gray-600">Date de vente</label> <label className="text-sm font-medium text-gray-600">Date et heure de vente</label>
<p className="font-mono">{new Date(sale.timestamp).toLocaleDateString('fr-FR')}</p> <p className="font-mono">{new Date(sale.timestamp).toLocaleString('fr-FR')}</p>
</div> </div>
<div> <div>
<label className="text-sm font-medium text-gray-600">Vendeur</label> <label className="text-sm font-medium text-gray-600">Vendeur</label>
+9 -11
View File
@@ -4,7 +4,7 @@ export function exportToCSV(sales: Sale[]): void {
if (sales.length === 0) return; if (sales.length === 0) return;
const headers = [ const headers = [
'Date de vente', 'Date et heure de vente',
'Vendeur', 'Vendeur',
'Type d\'article', 'Type d\'article',
'Catégorie', 'Catégorie',
@@ -14,16 +14,15 @@ export function exportToCSV(sales: Sale[]): void {
'Prénom client', 'Prénom client',
'Date de naissance', 'Date de naissance',
'Lieu de naissance', 'Lieu de naissance',
'Type et n° identité', 'Mode de paiement',
'Type d\'identité',
'Numéro d\'identité',
'Autorité de délivrance', 'Autorité de délivrance',
'Date de délivrance', 'Date de délivrance'
'Photo recto (Oui/Non)',
'Photo verso (Oui/Non)',
'Horodatage'
]; ];
const rows = sales.map(sale => [ const rows = sales.map(sale => [
sale.dateVente, new Date(sale.timestamp).toLocaleString('fr-FR'),
sale.vendeur, sale.vendeur,
sale.typeArticle, sale.typeArticle,
sale.categorie, sale.categorie,
@@ -33,12 +32,11 @@ export function exportToCSV(sales: Sale[]): void {
sale.prenom, sale.prenom,
sale.dateNaissance || '', sale.dateNaissance || '',
sale.lieuNaissance || '', sale.lieuNaissance || '',
sale.modePaiement || '',
sale.typeIdentite || '', sale.typeIdentite || '',
sale.numeroIdentite || '',
sale.autoriteDelivrance || '', sale.autoriteDelivrance || '',
sale.dateDelivrance || '', sale.dateDelivrance || ''
sale.photoRecto ? 'Oui' : 'Non',
sale.photoVerso ? 'Oui' : 'Non',
sale.timestamp
]); ]);
const csvContent = [headers, ...rows] const csvContent = [headers, ...rows]