Refactor inventory forms to include unit and location options; update quantity input handling

frontend/app/inventory/InventoryEditForm.tsx

@@ -13,6 +13,38 @@ function toDateInputValue(value: string | null) {
   return value.slice(0, 10);
 }
 
+function parseQuantityInput(input: string, defaultUnit: string) {
+  const match = input.trim().match(/^([\d.,]+)\s*([a-zA-Z]*)$/);
+  if (!match) return { quantity: NaN, unit: defaultUnit };
+  let [, num, unit] = match;
+  num = num.replace(',', '.');
+  unit = unit || defaultUnit;
+  if (defaultUnit === 'kg' && (unit === 'g' || unit === 'gram')) return { quantity: parseFloat(num) / 1000, unit: 'kg' };
+  if (defaultUnit === 'g' && (unit === 'kg' || unit === 'kilogram')) return { quantity: parseFloat(num) * 1000, unit: 'g' };
+  return { quantity: parseFloat(num), unit };
+}
+
+const UNIT_OPTIONS = [
+  { value: '', label: 'Välj enhet' },
+  { value: 'g', label: 'g (gram)' },
+  { value: 'kg', label: 'kg (kilogram)' },
+  { value: 'hg', label: 'hg (hektogram)' },
+  { value: 'ml', label: 'ml (milliliter)' },
+  { value: 'dl', label: 'dl (deciliter)' },
+  { value: 'l', label: 'l (liter)' },
+  { value: 'st', label: 'st (styck)' },
+  { value: 'tsk', label: 'tsk (tesked)' },
+  { value: 'msk', label: 'msk (matsked)' },
+];
+
+const LOCATION_OPTIONS = [
+  { value: '', label: 'Välj plats' },
+  { value: 'Kyl', label: 'Kyl' },
+  { value: 'Frys', label: 'Frys' },
+  { value: 'Skafferi', label: 'Skafferi' },
+  { value: 'Annat', label: 'Annat' },
+];
+
 export default function InventoryEditForm({ item }: Props) {
   const [isEditing, setIsEditing] = useState(false);
   const [isPending, startTransition] = useTransition();
@@ -43,10 +75,13 @@ export default function InventoryEditForm({ item }: Props) {
         onSubmit={(e) => {
           e.preventDefault();
           setError(null);
-
           const form = e.currentTarget;
           const formData = new FormData(form);
-
+          const raw = formData.get('quantity') as string;
+          const unit = formData.get('unit') as string;
+          const { quantity, unit: parsedUnit } = parseQuantityInput(raw, unit);
+          formData.set('quantity', String(quantity));
+          formData.set('unit', parsedUnit);
           startTransition(async () => {
             try {
               await updateInventoryItem(formData);
@@ -79,9 +114,8 @@ export default function InventoryEditForm({ item }: Props) {
             <br />
             <input
               name="quantity"
-              type="number"
-              step="0.01"
-              min="0"
+              type="text"
+              required
               defaultValue={item.quantity}
               style={{ width: '100%', padding: '0.5rem' }}
             />
@@ -90,23 +124,33 @@ export default function InventoryEditForm({ item }: Props) {
           <label>
             Enhet
             <br />
-            <input
+            <select
               name="unit"
-              type="text"
               defaultValue={item.unit}
               style={{ width: '100%', padding: '0.5rem' }}
-            />
+            >
+              {UNIT_OPTIONS.map((opt) => (
+                <option key={opt.value} value={opt.value}>
+                  {opt.label}
+                </option>
+              ))}
+            </select>
           </label>
 
           <label>
             Plats
             <br />
-            <input
+            <select
               name="location"
-              type="text"
               defaultValue={item.location || ''}
               style={{ width: '100%', padding: '0.5rem' }}
-            />
+            >
+              {LOCATION_OPTIONS.map((opt) => (
+                <option key={opt.value} value={opt.value}>
+                  {opt.label}
+                </option>
+              ))}
+            </select>
           </label>
 
           <label>