feat: Phase 1 – Konten, Kategorien, Transaktionen, EZB-Währungsumrechnung
Backend: - Modelle + Migration 0002: accounts, account_identifiers, category_groups, categories, transactions, exchange_rates (alle owner-gescoped). - EZB-Kursdienst (90-Tage/Historie) + Backfill-Skript; Umrechnung EUR<->CHF zum Buchungsdatum mit lokalem Cache und manueller Übersteuerung; EUR-Pivot (amount_eur_cents) eingefroren. - Kontostände + Netto-Vermögen (Umrechnung in Hauptwährung). - Router: accounts (inkl. IBAN-Identifikatoren), categories (Gruppen+Kategorien), transactions (Ausgabe/Einnahme/Transfer, cross-currency), rates. - Gruppierte Standard-Kategorien je Nutzer beim Anlegen. - pytest-Suite: Währung, Salden, Cross-Currency-Transfer, Nutzer-Isolation. Frontend: - Seiten Konten, Kategorien, Buchungen; Icon-Chip, Geldbetrag mit Umrechnung, Icon-/Farbwähler, Modal; erweitertes SVG-Icon-Set (Konto-/Kategorie-Icons). - Währungs-/Datumsformatierung (EUR de-DE, CHF de-CH), i18n DE/EN erweitert. - Live-Umrechnungs-Vorschau im Transfer-Formular. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,32 @@
|
||||
import Icon from "./Icon";
|
||||
|
||||
export const ACCOUNT_ICONS = [
|
||||
"wallet", "landmark", "piggy-bank", "credit-card", "trending-up", "banknote", "coins",
|
||||
];
|
||||
|
||||
export const CATEGORY_ICONS = [
|
||||
"home", "shopping-cart", "utensils", "car", "shield", "heart-pulse", "film",
|
||||
"refresh-ccw", "shirt", "wifi", "plane", "gift", "graduation-cap", "dumbbell",
|
||||
"paw-print", "piggy-bank", "percent", "more-horizontal", "banknote", "coins",
|
||||
"receipt", "list", "landmark", "wallet", "trending-up", "credit-card",
|
||||
];
|
||||
|
||||
// Auswahlgitter für ein Icon. `value` ist der aktuell gewählte Icon-Name.
|
||||
export default function IconPicker({ icons = CATEGORY_ICONS, value, onChange, color = "#3f51b5" }) {
|
||||
return (
|
||||
<div className="icon-picker">
|
||||
{icons.map((name) => (
|
||||
<button
|
||||
key={name}
|
||||
type="button"
|
||||
className={`icon-picker-item${value === name ? " selected" : ""}`}
|
||||
style={value === name ? { color, borderColor: color } : undefined}
|
||||
onClick={() => onChange(name)}
|
||||
title={name}
|
||||
>
|
||||
<Icon name={name} size={18} />
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user