style: improve verification button state

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 && (
+      {isBusy && (
-         <button
+        <button
-           onClick={onCancel}
+          onClick={onCancel}
-           disabled={!isUploading}
+          disabled={!isUploading}
-           className="flex-1 bg-black-700 text-gray-300 font-medium text-sm
+          className={`flex-1 font-medium text-sm py-2.5 px-6 rounded-xl border transition-all duration-150
-                     py-2.5 px-6 rounded-xl border border-black-600 transition-colors duration-150 disabled:opacity-50 disabled:cursor-not-allowed
+                     disabled:opacity-50 disabled:cursor-not-allowed ${isChecking
-                     hover:bg-black-600"
+              ? '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 ? 'Verification...' : 'Annuler'}
+            }`}
-         </button>
+        >
-       )}
+          {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