nacim/Anonyme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

select

Browse Source
This commit is contained in:
nBiqoz
2025-08-01 14:30:25 +02:00
parent 85288890cc
commit 1f26a3de5c
1 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
app/components/FileUploadComponent.tsx
View File

@@ -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 */}