From 1f26a3de5c8c443e191f74b59bda36910669c752 Mon Sep 17 00:00:00 2001
From: nBiqoz <nacim@biqoz.com>
Date: Fri, 1 Aug 2025 14:30:25 +0200
Subject: [PATCH] select

---
 app/components/FileUploadComponent.tsx | 25 +++++++++++++++++++------
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/app/components/FileUploadComponent.tsx b/app/components/FileUploadComponent.tsx
index ade4979..e6d6025 100644
--- a/app/components/FileUploadComponent.tsx
+++ b/app/components/FileUploadComponent.tsx
@@ -273,7 +273,6 @@ export const FileUploadComponent = ({
     );
   }
 
-  // Si pas de fichier ni de texte, on affiche la zone de drop
   return (
     <div className="w-full flex flex-col space-y-3">
       {/* Deux colonnes côte à côte */}
@@ -299,7 +298,7 @@ export const FileUploadComponent = ({
             {/* Zone de texte éditable */}
             <div className="relative border-2 border-gray-200 rounded-lg bg-white focus-within:border-[#f7ab6e] focus-within:ring-1 focus-within:ring-[#f7ab6e]/20 transition-all duration-300">
               {/* Zone pour le texte - SANS overflow */}
-              <div className="h-40 p-2 relative">
+              <div className="h-40 p-2 pb-6 relative"> {/* Ajout de pb-6 pour le compteur */}
                 {/* Placeholder personnalisé avec lien cliquable */}
                 {!sourceText && (
                   <div className="absolute inset-2 text-gray-400 text-xs leading-relaxed pointer-events-none">
@@ -324,13 +323,27 @@ export const FileUploadComponent = ({
                       'ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace',
                   }}
                 />
+                {/* Compteur de caractères en bas à gauche */}
+                <div className="absolute bottom-1 left-2 text-gray-400 text-xs pointer-events-none">
+                  {sourceText.length} caractères
+                </div>
               </div>
 
-              {/* Barre du bas avec compteur et bouton */}
+              {/* Barre du bas avec sélecteur et bouton */}
               <div className="flex items-center justify-between p-2 border-t border-gray-200 bg-gray-50">
-                {/* Indicateur de caractères */}
-                <div className="text-gray-400 text-xs">
-                  {sourceText.length} caractères
+                {/* Sélecteur de type d'anonymisation */}
+                <div className="relative">
+                  <select
+                    className="appearance-none bg-white border border-gray-300 text-gray-700 text-xs rounded-md pl-3 pr-8 py-2 focus:outline-none focus:ring-1 focus:ring-[#f7ab6e] focus:border-[#f7ab6e] transition-colors duration-200"
+                  >
+                    <option>Information Personnellement Identifiable (PII)</option>
+                    <option disabled style={{ color: 'lightgray' }}>
+                      PII + Données Business (En développement)
+                    </option>
+                  </select>
+                  <div className="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700">
+                    <svg className="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/></svg>
+                  </div>
                 </div>
 
                 {/* Bouton Anonymiser */}