From 84605cbc0f85196c7e8ebc9cb9a5e2881be5b3ef Mon Sep 17 00:00:00 2001
From: Guido <guido.schmit03@gmail.com>
Date: Sat, 22 Aug 2026 23:37:33 +0200
Subject: [PATCH] fix: Wartende Telefon-Dateien stehen jetzt oben
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Die Karte "Vom Telefon empfangen" sass unter dem gesamten Import-Assistenten
kurz vor dem Verlauf – wer eine Datei geschickt hatte, fand sie nicht und
sah eine leere Seite. Eine wartende Datei ist das Erste, was man tun will,
also steht sie jetzt ueber Schritt 1.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 web/src/pages/Import.jsx | 54 ++++++++++++++++++++--------------------
 1 file changed, 27 insertions(+), 27 deletions(-)

diff --git a/web/src/pages/Import.jsx b/web/src/pages/Import.jsx
index 6dc31cd..f7d0dae 100644
--- a/web/src/pages/Import.jsx
+++ b/web/src/pages/Import.jsx
@@ -466,6 +466,33 @@ export default function Import() {
         </div>
       </div>
 
+      {uploads.length > 0 && (
+        <div className="card">
+          <div className="card-head">
+            <Icon name="smartphone" size={18} />
+            <h2>{t("import.fromPhone")}</h2>
+          </div>
+          <p className="muted small">{t("import.fromPhoneHint")}</p>
+          {uploads.map((u) => (
+            <div className="mail-source" key={u.id}>
+              <div><strong>{u.filename}</strong></div>
+              <div className="muted small">
+                {accountById[u.account_id]?.name || "—"} · {Math.round(u.size_bytes / 1024)} KB
+                {u.created_at ? ` · ${formatDate(u.created_at.slice(0, 10))}` : ""}
+              </div>
+              <div className="mail-actions">
+                <button className="btn sm primary" onClick={() => uploadUebernehmen(u)}>
+                  <Icon name="download" size={14} /> {t("import.usePhoneFile")}
+                </button>
+                <button className="btn sm danger" onClick={() => uploadVerwerfen(u)}>
+                  <Icon name="trash" size={14} />
+                </button>
+              </div>
+            </div>
+          ))}
+        </div>
+      )}
+
       {/* Schritt 1: Konto + Datei */}
       <div className="card">
         <h2>{t("import.step1")}</h2>
@@ -795,33 +822,6 @@ export default function Import() {
         </div>
       )}
 
-      {uploads.length > 0 && (
-        <div className="card">
-          <div className="card-head">
-            <Icon name="smartphone" size={18} />
-            <h2>{t("import.fromPhone")}</h2>
-          </div>
-          <p className="muted small">{t("import.fromPhoneHint")}</p>
-          {uploads.map((u) => (
-            <div className="mail-source" key={u.id}>
-              <div><strong>{u.filename}</strong></div>
-              <div className="muted small">
-                {accountById[u.account_id]?.name || "—"} · {Math.round(u.size_bytes / 1024)} KB
-                {u.created_at ? ` · ${formatDate(u.created_at.slice(0, 10))}` : ""}
-              </div>
-              <div className="mail-actions">
-                <button className="btn sm primary" onClick={() => uploadUebernehmen(u)}>
-                  <Icon name="download" size={14} /> {t("import.usePhoneFile")}
-                </button>
-                <button className="btn sm danger" onClick={() => uploadVerwerfen(u)}>
-                  <Icon name="trash" size={14} />
-                </button>
-              </div>
-            </div>
-          ))}
-        </div>
-      )}
-
       {/* Verlauf */}
       {batches.length > 0 && (
         <div className="card">