diff --git a/web/src/pages/Import.jsx b/web/src/pages/Import.jsx index 20e4ae9..ec29261 100644 --- a/web/src/pages/Import.jsx +++ b/web/src/pages/Import.jsx @@ -336,17 +336,16 @@ export default function Import() { render: (b) => {t("import.importedCount", { n: b.imported_count })}, }, { - key: "action", header: "", width: 120, fixed: true, + key: "action", header: "", width: 168, fixed: true, render: (b) => (b.status === "committed" ? ( ) : ( - {t("import.undone")} )), diff --git a/web/src/pages/Transactions.jsx b/web/src/pages/Transactions.jsx index 6b64d78..31de8e5 100644 --- a/web/src/pages/Transactions.jsx +++ b/web/src/pages/Transactions.jsx @@ -186,12 +186,16 @@ export default function Transactions() { const to = accountById[tx.to_account_id]?.name || "?"; return { icon: "arrow-left-right", color: "#6b7480", title: `${from} → ${to}`, sub: tx.description || t("transactions.transfer") }; } + // Oben steht, WOFÜR die Zahlung war – danach sucht man in der Liste. + // Die Kategorie ist die Einordnung und steht klein darunter; das Symbol + // trägt sie ohnehin schon. const cat = tx.category_id ? categoryById[tx.category_id] : null; + const zweck = tx.payee || tx.description; return { icon: cat?.icon || "more-horizontal", color: cat?.color || "#6b7480", - title: cat?.name || t("transactions.uncategorized"), - sub: tx.payee || tx.description || "", + title: zweck || cat?.name || t("transactions.uncategorized"), + sub: zweck ? (cat?.name || t("transactions.uncategorized")) : "", }; }