fix: replace SHA comparison with file size for LFS compatibility + add NoChangesModal

Git LFS stores pointer files whose SHA differs from the actual blob SHA, causing false-positive diffs on every upload. Switching to file size comparison resolves this for LFS-enabled repos. Also replaces the inline error message with a dedicated NoChangesModal when no differences are detected, offering cancel (reset) or modify (close modal) actions.
2026-04-14 14:39:19 +02:00
parent f9e15d5e1f
commit 91eaa5d186
5 changed files with 97 additions and 35 deletions
@@ -0,0 +1,63 @@
+interface NoChangesModalProps {
+  destination: string
+  folderName: string
+  onCancel: () => void
+  onModify: () => void
+}
+
+export default function NoChangesModal({
+  destination,
+  folderName,
+  onCancel,
+  onModify,
+}: NoChangesModalProps) {
+  return (
+    <div
+      className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm"
+      role="dialog"
+      aria-modal="true"
+      aria-labelledby="no-changes-title"
+    >
+      <div className="bg-black-900 border border-white/20 rounded-2xl p-6 max-w-md w-full mx-4 space-y-4">
+        <div className="flex items-center gap-3">
+          <div className="w-10 h-10 rounded-full bg-gray-700/50 flex items-center justify-center shrink-0">
+            <svg className="w-5 h-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                d="M5 13l4 4L19 7"
+              />
+            </svg>
+          </div>
+          <div>
+            <h3 id="no-changes-title" className="text-sm font-semibold text-gray-100">
+              Aucun changement detecte
+            </h3>
+            <p className="text-xs text-gray-400 mt-0.5">
+              Le dossier <span className="font-mono text-gray-300">{destination}/{folderName}</span> est identique au contenu distant.
+            </p>
+          </div>
+        </div>
+
+        <div className="flex gap-3">
+          <button
+            onClick={onCancel}
+            className="flex-1 bg-black-700 text-gray-300 font-medium text-sm
+                       py-2.5 px-4 rounded-xl border border-white/10 transition-colors duration-150
+                       hover:bg-black-600"
+          >
+            Annuler
+          </button>
+          <button
+            onClick={onModify}
+            className="flex-1 bg-white text-[#000000] font-medium text-sm
+                       py-2.5 px-4 rounded-xl transition-colors duration-150
+                       hover:bg-gray-200"
+          >
+            Modifier
+          </button>
+        </div>
+      </div>
+    </div>
+  )
+}