fix: corrige les dépendances mobile et la qualité du code frontend
Mobile (Expo SDK 53) : - supprime victory-native et react-native-svg (dépendances mortes, non importées) qui empêchaient l'installation (ETARGET sur svg@~16.0.0 + conflit de peer reanimated/skia) - ajoute les peers manquants expo-constants et expo-linking (requis par expo-router) - aligne expo-router, react-native et react-native-screens sur le SDK 53 - ajoute package-lock.json (installs reproductibles) - expo-doctor 18/18, tsc sans erreur Frontend (Next.js) : - EmotionChart : remplace 4 `any` par les types Recharts (ValueType/NameType) - EditSaisieModal : remplace le setState dans useEffect par l'ajustement d'état pendant le rendu (pattern recommandé par React) - tsc, eslint et build de production sans erreur Backend : 15 tests passent (Auth, Admin, Tracker, RGPD). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
|
||||
import { useState } from 'react';
|
||||
import Link from 'next/link';
|
||||
import { Plus, Filter } from 'lucide-react';
|
||||
import { Plus, Filter, Download } from 'lucide-react';
|
||||
import { useSaisies, useDeleteSaisie } from '@/hooks/useTracker';
|
||||
import { useEmotions } from '@/hooks/useEmotions';
|
||||
import TrackerTimeline from '@/components/features/TrackerTimeline';
|
||||
@@ -10,9 +10,33 @@ import EditSaisieModal from '@/components/features/EditSaisieModal';
|
||||
import Button from '@/components/ui/Button';
|
||||
import Card from '@/components/ui/Card';
|
||||
import Skeleton from '@/components/ui/Skeleton';
|
||||
import ConfirmDialog from '@/components/ui/ConfirmDialog';
|
||||
import toast from 'react-hot-toast';
|
||||
import type { SaisieTracker } from '@/types';
|
||||
|
||||
function exportSaisiesCsv(saisies: SaisieTracker[]): void {
|
||||
const escape = (v: unknown): string => {
|
||||
const s = v === null || v === undefined ? '' : String(v);
|
||||
return /[",\n]/.test(s) ? '"' + s.replace(/"/g, '""') + '"' : s;
|
||||
};
|
||||
const headers = ['Date', 'Emotion', 'Emotion parente', 'Intensite', 'Note'];
|
||||
const rows = saisies.map((s) => [
|
||||
s.date_saisie,
|
||||
s.emotion?.nom ?? '',
|
||||
s.emotion?.parent?.nom ?? '',
|
||||
s.intensite,
|
||||
s.note ?? '',
|
||||
]);
|
||||
const csv = [headers, ...rows].map((r) => r.map(escape).join(',')).join('\n');
|
||||
const blob = new Blob(['' + csv], { type: 'text/csv;charset=utf-8' });
|
||||
const url = URL.createObjectURL(blob);
|
||||
const a = document.createElement('a');
|
||||
a.href = url;
|
||||
a.download = `cesizen-saisies-${new Date().toISOString().slice(0, 10)}.csv`;
|
||||
a.click();
|
||||
URL.revokeObjectURL(url);
|
||||
}
|
||||
|
||||
export default function JournalPage() {
|
||||
const [showFilters, setShowFilters] = useState(false);
|
||||
const [filters, setFilters] = useState<{
|
||||
@@ -21,21 +45,31 @@ export default function JournalPage() {
|
||||
emotion_id?: number;
|
||||
}>({});
|
||||
const [editingSaisie, setEditingSaisie] = useState<SaisieTracker | null>(null);
|
||||
const [deleteId, setDeleteId] = useState<number | null>(null);
|
||||
|
||||
const { data: saisies, isLoading } = useSaisies(filters);
|
||||
const { data: emotions } = useEmotions();
|
||||
const deleteSaisie = useDeleteSaisie();
|
||||
|
||||
const handleDelete = async (id: number) => {
|
||||
if (!confirm('Supprimer cette saisie ?')) return;
|
||||
const confirmDelete = async () => {
|
||||
if (!deleteId) return;
|
||||
try {
|
||||
await deleteSaisie.mutateAsync(id);
|
||||
await deleteSaisie.mutateAsync(deleteId);
|
||||
toast.success('Saisie supprimée');
|
||||
} catch {
|
||||
toast.error('Erreur lors de la suppression');
|
||||
}
|
||||
};
|
||||
|
||||
const handleExport = () => {
|
||||
if (!saisies || saisies.length === 0) {
|
||||
toast.error('Aucune saisie à exporter');
|
||||
return;
|
||||
}
|
||||
exportSaisiesCsv(saisies);
|
||||
toast.success('Export CSV téléchargé');
|
||||
};
|
||||
|
||||
return (
|
||||
<div>
|
||||
<div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-8">
|
||||
@@ -56,6 +90,10 @@ export default function JournalPage() {
|
||||
<Filter size={16} />
|
||||
Filtrer
|
||||
</Button>
|
||||
<Button variant="ghost" size="sm" onClick={handleExport} title="Exporter mes saisies (RGPD)">
|
||||
<Download size={16} />
|
||||
Export CSV
|
||||
</Button>
|
||||
<Link href="/journal/nouvelle-saisie">
|
||||
<Button size="sm">
|
||||
<Plus size={16} />
|
||||
@@ -138,7 +176,7 @@ export default function JournalPage() {
|
||||
<TrackerTimeline
|
||||
saisies={saisies || []}
|
||||
onEdit={(saisie) => setEditingSaisie(saisie)}
|
||||
onDelete={handleDelete}
|
||||
onDelete={(id) => setDeleteId(id)}
|
||||
/>
|
||||
)}
|
||||
|
||||
@@ -148,6 +186,16 @@ export default function JournalPage() {
|
||||
isOpen={!!editingSaisie}
|
||||
onClose={() => setEditingSaisie(null)}
|
||||
/>
|
||||
|
||||
<ConfirmDialog
|
||||
isOpen={deleteId !== null}
|
||||
title="Supprimer la saisie"
|
||||
message="Cette saisie sera définitivement supprimée de votre journal. Cette action est irréversible."
|
||||
confirmLabel="Supprimer"
|
||||
destructive
|
||||
onConfirm={confirmDelete}
|
||||
onClose={() => setDeleteId(null)}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user