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 ( return (
<div className="w-full flex flex-col space-y-3"> <div className="w-full flex flex-col space-y-3">
{/* Deux colonnes côte à côte */} {/* Deux colonnes côte à côte */}
@@ -299,7 +298,7 @@ export const FileUploadComponent = ({
{/* Zone de texte éditable */} {/* 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"> <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 */} {/* 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 */} {/* Placeholder personnalisé avec lien cliquable */}
{!sourceText && ( {!sourceText && (
<div className="absolute inset-2 text-gray-400 text-xs leading-relaxed pointer-events-none"> <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', '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> </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"> <div className="flex items-center justify-between p-2 border-t border-gray-200 bg-gray-50">
{/* Indicateur de caractères */} {/* Sélecteur de type d'anonymisation */}
<div className="text-gray-400 text-xs"> <div className="relative">
{sourceText.length} caractères <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> </div>
{/* Bouton Anonymiser */} {/* Bouton Anonymiser */}