feat: revue de code, doc CODE_REVIEW, forfaits 2026, traduction LLM, providers avec modèle

Made-with: Cursor

frontend/src/app/dashboard/translate/useFileUpload.ts

@@ -0,0 +1,88 @@
+import { useState, useCallback } from 'react';
+import type { UseFileUploadReturn } from './types';
+
+const ACCEPTED_EXTENSIONS = ['xlsx', 'docx', 'pptx'];
+const MAX_FILE_SIZE = 50 * 1024 * 1024;
+
+export const ERROR_MESSAGES = {
+  INVALID_FORMAT: 'Format non supporté. Formats acceptés : .xlsx, .docx, .pptx',
+  FILE_TOO_LARGE: 'Fichier trop volumineux (max 50 MB)',
+} as const;
+
+export function useFileUpload(): UseFileUploadReturn {
+  const [file, setFile] = useState<File | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [isDragOver, setIsDragOver] = useState(false);
+
+  const validateFile = useCallback((file: File): string | null => {
+    const ext = file.name.split('.').pop()?.toLowerCase();
+
+    if (!ext || !ACCEPTED_EXTENSIONS.includes(ext)) {
+      return ERROR_MESSAGES.INVALID_FORMAT;
+    }
+
+    if (file.size > MAX_FILE_SIZE) {
+      return ERROR_MESSAGES.FILE_TOO_LARGE;
+    }
+
+    return null;
+  }, []);
+
+  const handleDrop = useCallback((e: React.DragEvent) => {
+    e.preventDefault();
+    setIsDragOver(false);
+
+    const droppedFile = e.dataTransfer.files[0];
+    if (droppedFile) {
+      const validationError = validateFile(droppedFile);
+      if (validationError) {
+        setError(validationError);
+        setFile(null);
+      } else {
+        setFile(droppedFile);
+        setError(null);
+      }
+    }
+  }, [validateFile]);
+
+  const handleDragOver = useCallback((e: React.DragEvent) => {
+    e.preventDefault();
+    setIsDragOver(true);
+  }, []);
+
+  const handleDragLeave = useCallback((e: React.DragEvent) => {
+    e.preventDefault();
+    setIsDragOver(false);
+  }, []);
+
+  const handleFileSelect = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
+    const selected = e.target.files?.[0];
+    if (selected) {
+      const validationError = validateFile(selected);
+      if (validationError) {
+        setError(validationError);
+        setFile(null);
+      } else {
+        setFile(selected);
+        setError(null);
+      }
+    }
+  }, [validateFile]);
+
+  const removeFile = useCallback(() => {
+    setFile(null);
+    setError(null);
+    setIsDragOver(false);
+  }, []);
+
+  return {
+    file,
+    error,
+    isDragOver,
+    handleDrop,
+    handleDragOver,
+    handleDragLeave,
+    handleFileSelect,
+    removeFile,
+  };
+}