Currency improvements

app/components/add-motorcycle-form.tsx

@@ -1,5 +1,5 @@
 import { Form, useSubmit, useActionData } from "react-router";
-import type { EditorMotorcycle } from "~/db/schema";
+import type { EditorMotorcycle, CurrencySetting } from "~/db/schema";
 import { useState, useCallback } from "react";
 import Cropper from "react-easy-crop";
 import getCroppedImg from "~/utils/cropImage";
@@ -10,9 +10,12 @@ interface AddMotorcycleFormProps {
   initialValues?: (EditorMotorcycle & { id?: number });
   intent?: string;
   submitLabel?: string;
+  currencies?: CurrencySetting[];
   onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 }
 
+
+
 const formatDateInput = (value?: string | null) => {
   if (!value) {
     return "";
@@ -25,9 +28,13 @@ export function AddMotorcycleForm({
   initialValues,
   intent = "createMotorcycle",
   submitLabel = "Speichern",
+  currencies = [],
   onDelete,
 }: AddMotorcycleFormProps) {
   const submit = useSubmit();
+  // Fallback
+
+
   const actionData = useActionData<{
     errors?: {
       make?: string;
@@ -284,9 +291,11 @@ export function AddMotorcycleForm({
                 className="rounded-r-xl border-l-0 border-gray-200 bg-gray-100 p-3 text-sm text-secondary focus:border-primary focus:ring-primary dark:border-navy-600 dark:bg-navy-800 dark:text-navy-300"
                 defaultValue={initialValues?.currencyCode ?? "CHF"}
               >
-                <option value="CHF">CHF</option>
-                <option value="EUR">EUR</option>
-                <option value="USD">USD</option>
+                {currencies?.map((c) => (
+                  <option key={c.code} value={c.code}>
+                    {c.code}
+                  </option>
+                ))}
               </select>
             </div>
             {actionData?.errors?.purchasePrice && (

app/components/dashboard-stats.tsx

@@ -1,6 +1,6 @@
 import { formatCurrency, formatNumber } from "~/utils/numberUtils";
 import type { DashboardStats as DashboardStatsType } from "~/utils/home-stats";
-import clsx from "clsx";
+
 
 interface DashboardStatsProps {
     stats: DashboardStatsType;

app/components/maintenance-dialog.tsx

@@ -1,6 +1,6 @@
 import { Modal } from "~/components/modal";
 import { MaintenanceForm } from "~/components/maintenance-form";
-import type { MaintenanceRecord, Location } from "~/db/schema";
+import type { MaintenanceRecord, Location, CurrencySetting } from "~/db/schema";
 
 interface MaintenanceDialogProps {
   isOpen: boolean;
@@ -10,10 +10,11 @@ interface MaintenanceDialogProps {
   currencyCode?: string | null;
   defaultOdo?: number | null;
   userLocations?: Location[];
+  currencies?: CurrencySetting[];
   onDelete?: () => void;
 }
 
-export function MaintenanceDialog({ isOpen, onClose, motorcycleId, initialData, currencyCode, defaultOdo, userLocations, onDelete }: MaintenanceDialogProps) {
+export function MaintenanceDialog({ isOpen, onClose, motorcycleId, initialData, currencyCode, defaultOdo, userLocations, currencies, onDelete }: MaintenanceDialogProps) {
   return (
     <Modal
       isOpen={isOpen}
@@ -27,6 +28,7 @@ export function MaintenanceDialog({ isOpen, onClose, motorcycleId, initialData,
         currencyCode={currencyCode}
         defaultOdo={defaultOdo}
         userLocations={userLocations}
+        currencies={currencies}
         onSubmit={onClose}
         onCancel={onClose}
         onDelete={onDelete}

app/components/maintenance-form.tsx

@@ -1,6 +1,6 @@
 import { useState } from "react";
 import { Form } from "react-router";
-import type { MaintenanceRecord, MaintenanceType, Location } from "~/db/schema";
+import type { MaintenanceRecord, MaintenanceType, Location, CurrencySetting } from "~/db/schema";
 import {
     Wrench,
     Battery,
@@ -21,6 +21,7 @@ interface MaintenanceFormProps {
     currencyCode?: string | null;
     defaultOdo?: number | null;
     userLocations?: Location[];
+    currencies?: CurrencySetting[];
     onSubmit: () => void;
     onCancel: () => void;
     onDelete?: () => void;
@@ -40,10 +41,15 @@ const maintenanceTypes: { value: MaintenanceType; label: string; icon: any }[] =
     { value: "general", label: "Allgemein", icon: Wrench },
 ];
 
-export function MaintenanceForm({ motorcycleId, initialData, currencyCode, defaultOdo, userLocations, onSubmit, onCancel, onDelete }: MaintenanceFormProps) {
+
+
+export function MaintenanceForm({ motorcycleId, initialData, currencyCode, defaultOdo, userLocations, currencies = [], onSubmit, onCancel, onDelete }: MaintenanceFormProps) {
     const [type, setType] = useState<MaintenanceType>(initialData?.type || "service");
     const [isNewLocation, setIsNewLocation] = useState(false);
 
+    // Fallback if no currencies provided
+
+
     const today = new Date().toISOString().split('T')[0];
 
     return (
@@ -113,9 +119,11 @@ export function MaintenanceForm({ motorcycleId, initialData, currencyCode, defau
                                 className="rounded-r-xl border-l-0 border-gray-200 bg-gray-100 p-3 text-sm text-secondary focus:border-primary focus:ring-primary dark:border-navy-600 dark:bg-navy-800 dark:text-navy-300"
                                 defaultValue={initialData?.currency || currencyCode || "CHF"}
                             >
-                                <option value="CHF">CHF</option>
-                                <option value="EUR">EUR</option>
-                                <option value="USD">USD</option>
+                                {currencies?.map((c) => (
+                                    <option key={c.code} value={c.code}>
+                                        {c.code}
+                                    </option>
+                                ))}
                             </select>
                         </div>
                     </div>
@@ -186,7 +194,7 @@ export function MaintenanceForm({ motorcycleId, initialData, currencyCode, defau
                 )}
 
                 {/* Generic Brand/Model */}
-                {(["tire", "battery", "fluid", "chain", "brakepad", "brakerotor", "general", "repair"].includes(type)) && (
+                {(["tire", "battery", "fluid", "chain", "brakepad", "brakerotor"].includes(type)) && (
                     <>
                         <div className="space-y-1.5">
                             <label htmlFor="brand" className="text-xs font-semibold uppercase tracking-wider text-secondary dark:text-navy-300">Marke / Hersteller</label>

app/db/migrations/0000_nice_sally_floyd.sql

@@ -0,0 +1,3 @@
+ALTER TABLE `motorcycles` ADD `normalized_purchase_price` real;
+--> statement-breakpoint
+ALTER TABLE `maintenance_records` ADD `normalized_cost` real;