From 078e687e86af388dc0d70fd40204703e0de5ea94 Mon Sep 17 00:00:00 2001
From: Tom Boullay <tom@famille-boullay.fr>
Date: Fri, 24 Apr 2026 17:53:24 +0200
Subject: [PATCH] style: improve verification button state

---
 components/upload/ActionButtons.tsx | 31 +++++++++++++++++++----------
 1 file changed, 20 insertions(+), 11 deletions(-)

diff --git a/components/upload/ActionButtons.tsx b/components/upload/ActionButtons.tsx
index 3accbde..fed04be 100644
--- a/components/upload/ActionButtons.tsx
+++ b/components/upload/ActionButtons.tsx
@@ -1,3 +1,5 @@
+import { SpinnerIcon } from '@/components/ui/icons'
+
 interface ActionButtonsProps {
   isUploading: boolean
   isChecking: boolean
@@ -41,17 +43,24 @@ export default function ActionButtons({
         </button>
       )}
 
-       {isBusy && (
-         <button
-           onClick={onCancel}
-           disabled={!isUploading}
-           className="flex-1 bg-black-700 text-gray-300 font-medium text-sm
-                     py-2.5 px-6 rounded-xl border border-black-600 transition-colors duration-150 disabled:opacity-50 disabled:cursor-not-allowed
-                     hover:bg-black-600"
-         >
-           {isChecking ? 'Verification...' : 'Annuler'}
-         </button>
-       )}
+      {isBusy && (
+        <button
+          onClick={onCancel}
+          disabled={!isUploading}
+          className={`flex-1 font-medium text-sm py-2.5 px-6 rounded-xl border transition-all duration-150
+                     disabled:opacity-50 disabled:cursor-not-allowed ${isChecking
+              ? 'bg-black-800 text-gray-300 border-white/20 shadow-[0_0_0_1px_rgba(255,255,255,0.04)]'
+              : 'bg-black-700 text-gray-300 border-black-600 hover:bg-black-600'
+            }`}
+        >
+          {isChecking ? (
+            <span className="flex items-center justify-center gap-2">
+              <SpinnerIcon className="w-4 h-4 text-gray-400" />
+              <span>Verification...</span>
+            </span>
+          ) : 'Annuler'}
+        </button>
+      )}
 
       {(allDone || hasErrors) && !isBusy && (
         <button