feat(mileage): surface Körjournal in the nav behind a settings toggle (#1540)

* feat(mileage): surface Körjournal in the nav behind a settings toggle The /mileage page shipped hidden: the route works but no nav row points at it. Add company_settings.mileage_enabled (mirroring dimensions_enabled) with a switch in Fönster -> Bokföring, and show the Arbeta nav row when the toggle is on OR the company already has mileage_trips rows, the same hybrid gate as webshop orders, so trips created via API/MCP can never become invisible underlag. UI visibility only, never load-bearing for correctness. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> * fix(migrations): move mileage_enabled migration after already-applied 20260812153208 origin/main merged in 20260812153208 which prod has already applied; a new file sorting before it risks an out-of-order db push abort. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> --------- Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
2026-08-12 21:48:01 +02:00
parent 67febd5097
commit 45d7f1be4e
12 changed files with 191 additions and 6 deletions
@@ -0,0 +1,98 @@
+'use client'
+
+import { useState } from 'react'
+import Link from 'next/link'
+import { useLocale, useTranslations } from 'next-intl'
+import { ExternalLink } from 'lucide-react'
+import { Switch } from '@/components/ui/switch'
+import { useToast } from '@/components/ui/use-toast'
+import {
+  SettingsRow,
+  SettingsRowEnd,
+} from '@/components/settings/SettingsRows'
+import { useSettings } from '@/components/settings/useSettings'
+import { useCanWrite } from '@/lib/hooks/use-can-write'
+import { cn } from '@/lib/utils'
+import { getErrorMessage, type ErrorLocale } from '@/lib/errors/get-error-message'
+
+/**
+ * Company-level toggle for the Körjournal (mileage log). Persists
+ * company_settings.mileage_enabled through the standard settings PUT: the
+ * flag gates UI visibility only (the nav row), never correctness. Trips
+ * created via API/MCP work regardless, and the nav row also shows whenever
+ * mileage_trips rows exist (hybrid gate computed by the dashboard layout),
+ * so turning this off never hides existing underlag.
+ */
+export function MileageToggle() {
+  const t = useTranslations('mileage')
+  const errorLocale = useLocale() as ErrorLocale
+  const { settings, updateSettings } = useSettings()
+  const { canWrite } = useCanWrite()
+  const { toast } = useToast()
+  const [isSaving, setIsSaving] = useState(false)
+
+  const enabled = settings?.mileage_enabled ?? false
+
+  async function handleChange(next: boolean) {
+    setIsSaving(true)
+    try {
+      const res = await fetch('/api/settings', {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ mileage_enabled: next }),
+      })
+      const json = await res.json().catch(() => null)
+      if (!res.ok) {
+        toast({
+          title: t('settings_save_failed_title'),
+          description: getErrorMessage(json, { locale: errorLocale }),
+          variant: 'destructive',
+        })
+        return
+      }
+      updateSettings({ mileage_enabled: next })
+    } catch (err) {
+      // A rejected fetch (offline, DNS failure, aborted request) never reaches
+      // the !res.ok arm above, and the switch is controlled by the settings
+      // context, so it simply stays where it was: without this toast the click
+      // looks like a dead control rather than a save that did not happen.
+      toast({
+        title: t('settings_save_failed_title'),
+        description: getErrorMessage(err, { locale: errorLocale }),
+        variant: 'destructive',
+      })
+    } finally {
+      setIsSaving(false)
+    }
+  }
+
+  const locked = isSaving || !canWrite
+
+  return (
+    <SettingsRow label={t('settings_heading')} help={t('settings_toggle_help')}>
+      <Switch
+        id="mileage-enabled"
+        checked={enabled}
+        onCheckedChange={(next) => void handleChange(next)}
+        disabled={locked}
+      />
+      <label
+        htmlFor="mileage-enabled"
+        className={cn('text-sm', locked ? 'text-muted-foreground' : 'cursor-pointer')}
+      >
+        {t('settings_toggle_label')}
+      </label>
+      {enabled && (
+        <SettingsRowEnd>
+          <Link
+            href="/mileage"
+            className="inline-flex items-center gap-1.5 text-xs text-muted-foreground transition-colors hover:text-foreground"
+          >
+            <ExternalLink className="h-3.5 w-3.5" />
+            {t('settings_open_page')}
+          </Link>
+        </SettingsRowEnd>
+      )}
+    </SettingsRow>
+  )
+}
@@ -13,6 +13,7 @@ import { VoucherSeriesPerSourceTypeForm } from '@/components/settings/VoucherSer
 import { applyDefaultSeriesToMap } from '@/lib/bookkeeping/voucher-series-resolver'
 import { PeriodiseringAutoDetectToggle } from '@/components/settings/PeriodiseringAutoDetectToggle'
 import { DimensionsToggle } from '@/components/settings/DimensionsToggle'
+import { MileageToggle } from '@/components/settings/MileageToggle'
 import { AccountingFrameworkForm } from '@/components/settings/AccountingFrameworkForm'
 import {
  SettingsGroup,
@@ -174,6 +175,7 @@ export function BookkeepingSettingsContent() {
      <SettingsGroup label={t('group_automation')}>
        <PeriodiseringAutoDetectToggle />
        <DimensionsToggle />
+        <MileageToggle />
      </SettingsGroup>

      <SettingsGroup>