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

presidio ok v.1 button

Browse Source
This commit is contained in:
nBiqoz
2025-07-28 22:52:46 +02:00
parent a7b0b32582
commit cb2c17ce2b
1 changed files with 46 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/components/FileUploadComponent.tsx
View File

@@ -85,9 +85,7 @@ export const FileUploadComponent = ({
<AlertTriangle className="h-4 w-4 text-[#f7ab6e] mt-0.5 flex-shrink-0" /> <AlertTriangle className="h-4 w-4 text-[#f7ab6e] mt-0.5 flex-shrink-0" />
<p className="text-[10px] sm:text-[11px] text-[#092727] leading-relaxed"> <p className="text-[10px] sm:text-[11px] text-[#092727] leading-relaxed">
Cet outil IA peut ne pas détecter toutes les informations Cet outil IA peut ne pas détecter toutes les informations
sensibles. sensibles. Vérifiez le résultat avant de le partager.
<br />
Vérifiez le résultat avant de le partager.
</p> </p>
</div> </div>
</div> </div>
@@ -173,7 +171,9 @@ export const FileUploadComponent = ({
return ( return (
<div className="w-full flex flex-col space-y-5"> <div className="w-full flex flex-col space-y-5">
{/* Drop Zone - Responsive */} {/* Drop Zone - Responsive */}
<label className="flex flex-col items-center justify-center cursor-pointer group transition-all duration-300 border-2 border-dashed border-[#092727] rounded-xl bg-gray-50 hover:bg-gray-100 hover:border-[#0a3030] p-6 sm:p-8"> <div className="border-2 border-dashed border-[#092727] rounded-xl bg-gray-50 hover:bg-gray-100 hover:border-[#0a3030] transition-all duration-300">
{/* Zone cliquable pour le glisser-déposer */}
<label className="flex flex-col items-center justify-center cursor-pointer group p-6 sm:p-8">
{/* Upload Icon */} {/* Upload Icon */}
<div className="w-12 h-12 sm:w-16 sm:h-16 bg-[#f7ab6e] group-hover:bg-[#f7ab6e]/75 rounded-full flex items-center justify-center mb-4 transition-colors duration-300"> <div className="w-12 h-12 sm:w-16 sm:h-16 bg-[#f7ab6e] group-hover:bg-[#f7ab6e]/75 rounded-full flex items-center justify-center mb-4 transition-colors duration-300">
<Upload className="h-6 w-6 sm:h-8 sm:w-8 text-white transition-colors duration-300" /> <Upload className="h-6 w-6 sm:h-8 sm:w-8 text-white transition-colors duration-300" />
@@ -181,7 +181,7 @@ export const FileUploadComponent = ({
{/* Main Text */} {/* Main Text */}
<h3 className="text-base sm:text-lg font-semibold text-[#092727] mb-2 group-hover:text-[#0a3030] transition-colors duration-300 text-center"> <h3 className="text-base sm:text-lg font-semibold text-[#092727] mb-2 group-hover:text-[#0a3030] transition-colors duration-300 text-center">
Déposer votre fichier ici Déposez votre fichier ici
</h3> </h3>
<p className="text-sm sm:text-base text-[#092727] opacity-80 mb-4 text-center group-hover:opacity-90 transition-opacity duration-300"> <p className="text-sm sm:text-base text-[#092727] opacity-80 mb-4 text-center group-hover:opacity-90 transition-opacity duration-300">
ou cliquez pour sélectionner un fichier ou cliquez pour sélectionner un fichier
@@ -203,8 +203,15 @@ export const FileUploadComponent = ({
/> />
</label> </label>
{/* Bouton d'exemple repositionné juste en dessous */} {/* Démarcation avec trait horizontal - NON CLIQUABLE */}
<div className="flex justify-center"> <div className="w-full flex items-center px-6 sm:px-8 py-4">
<div className="flex-1 h-px bg-[#092727] opacity-30"></div>
<span className="px-3 text-xs text-[#092727] opacity-60">ou</span>
<div className="flex-1 h-px bg-[#092727] opacity-30"></div>
</div>
{/* Bouton d'exemple - NON CLIQUABLE pour le drag & drop */}
<div className="flex justify-center pb-6 sm:pb-8">
<SampleTextComponent <SampleTextComponent
setSourceText={setSourceText} setSourceText={setSourceText}
setFileContent={setFileContent} setFileContent={setFileContent}
@@ -212,6 +219,7 @@ export const FileUploadComponent = ({
variant="button" variant="button"
/> />
</div> </div>
</div>
{/* Supported Data Types */} {/* Supported Data Types */}
<SupportedDataTypes /> <SupportedDataTypes />