feat(invoices): expose the automatic reminder kill switch in settings (#1476)

* feat(invoices): expose the automatic reminder kill switch in settings

The send_invoice_reminders column, API schema, and cron processor check
already existed, but no UI ever exposed the toggle. Add a switch in
Settings -> Fakturering (day thresholds fold away when off, values
preserved), and make the invoice detail Paminnelser card say reminders
are off instead of promising emails that will never be sent.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

* fix(invoices): do not assume reminders enabled before settings load

CodeRabbit finding on PR 1476: with no company_settings row loaded, the
Paminnelser card defaulted to promising the reminder schedule. Track the
toggle as boolean | null and render no schedule text until the settings
row has actually resolved.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

---------

Co-authored-by: Claude Fable 5 <noreply@anthropic.com>

app/(dashboard)/invoices/[id]/page.tsx

@@ -169,6 +169,8 @@ export default function InvoiceDetailPage({ params }: { params: Promise<{ id: st
   const [showBookConfirm, setShowBookConfirm] = useState(false)
   const [bookVoucherPreview, setBookVoucherPreview] = useState<string | null>(null)
   const [reminderDays, setReminderDays] = useState<[number, number, number]>([15, 30, 45])
+  // null = settings row not loaded; don't promise a reminder schedule then.
+  const [autoRemindersEnabled, setAutoRemindersEnabled] = useState<boolean | null>(null)
 
   const statusLabel = (status: InvoiceStatus): string => t(`status_${status}`)
   const reminderLevelLabel = (level: 1 | 2 | 3): string => t(`reminder_level_${level}`)
@@ -213,7 +215,7 @@ export default function InvoiceDetailPage({ params }: { params: Promise<{ id: st
     const settingsPromise = company?.id
       ? supabase
           .from('company_settings')
-          .select('ore_rounding, vat_registered, accounting_method, defer_invoice_booking, reminder_days_level_1, reminder_days_level_2, reminder_days_level_3')
+          .select('ore_rounding, vat_registered, accounting_method, defer_invoice_booking, reminder_days_level_1, reminder_days_level_2, reminder_days_level_3, send_invoice_reminders')
           .eq('company_id', company.id)
           .maybeSingle()
       : Promise.resolve(null)
@@ -311,6 +313,9 @@ export default function InvoiceDetailPage({ params }: { params: Promise<{ id: st
         settings?.reminder_days_level_2 ?? 30,
         settings?.reminder_days_level_3 ?? 45,
       ])
+      if (settings) {
+        setAutoRemindersEnabled(settings.send_invoice_reminders ?? true)
+      }
     }
 
     // Related documents need the invoice row but do not gate the main detail
@@ -1480,13 +1485,15 @@ export default function InvoiceDetailPage({ params }: { params: Promise<{ id: st
                   <Bell className="h-5 w-5" />
                   {t('reminders_card_title')}
                 </CardTitle>
-                {reminders.length === 0 && (
+                {reminders.length === 0 && autoRemindersEnabled !== null && (
                   <CardDescription>
-                    {t('reminders_description', {
+                    {autoRemindersEnabled
-                      day1: reminderDays[0],
+                      ? t('reminders_description', {
-                      day2: reminderDays[1],
+                          day1: reminderDays[0],
-                      day3: reminderDays[2],
+                          day2: reminderDays[1],
-                    })}
+                          day3: reminderDays[2],
+                        })
+                      : t('reminders_disabled')}
                   </CardDescription>
                 )}
               </CardHeader>

components/settings/InvoiceSettingsForm.tsx

@@ -1,9 +1,12 @@
 'use client'
 
+import { useState } from 'react'
 import { useTranslations } from 'next-intl'
+import { Switch } from '@/components/ui/switch'
 import {
   SettingsGroup,
   SettingsInput,
+  SettingsReveal,
   SettingsRow,
   SettingsTextarea,
 } from '@/components/settings/SettingsRows'
@@ -15,6 +18,7 @@ interface InvoiceSettingsFormProps {
 
 export function InvoiceSettingsForm({ settings }: InvoiceSettingsFormProps) {
   const t = useTranslations('settings_invoice_form')
+  const [sendReminders, setSendReminders] = useState(settings.send_invoice_reminders ?? true)
   return (
     <>
       <SettingsGroup label={t('heading')}>
@@ -101,50 +105,65 @@ export function InvoiceSettingsForm({ settings }: InvoiceSettingsFormProps) {
 
       <SettingsGroup label={t('reminder_days_heading')} help={t('reminder_days_help')}>
         <SettingsRow
-          label={t('reminder_days_level_1')}
+          label={t('send_reminders_label')}
-          htmlFor="reminder_days_level_1"
+          htmlFor="send_invoice_reminders"
-          align="baseline"
+          help={t('send_reminders_help')}
+          borderless={sendReminders}
         >
-          <SettingsInput
+          <Switch
-            id="reminder_days_level_1"
+            id="send_invoice_reminders"
-            name="reminder_days_level_1"
+            checked={sendReminders}
-            type="number"
+            onCheckedChange={(v) => setSendReminders(v === true)}
-            min="1"
-            max="365"
-            defaultValue={settings.reminder_days_level_1 ?? 15}
-            className="max-w-24 flex-none tabular-nums"
-          />
-        </SettingsRow>
-        <SettingsRow
-          label={t('reminder_days_level_2')}
-          htmlFor="reminder_days_level_2"
-          align="baseline"
-        >
-          <SettingsInput
-            id="reminder_days_level_2"
-            name="reminder_days_level_2"
-            type="number"
-            min="1"
-            max="365"
-            defaultValue={settings.reminder_days_level_2 ?? 30}
-            className="max-w-24 flex-none tabular-nums"
-          />
-        </SettingsRow>
-        <SettingsRow
-          label={t('reminder_days_level_3')}
-          htmlFor="reminder_days_level_3"
-          align="baseline"
-        >
-          <SettingsInput
-            id="reminder_days_level_3"
-            name="reminder_days_level_3"
-            type="number"
-            min="1"
-            max="365"
-            defaultValue={settings.reminder_days_level_3 ?? 45}
-            className="max-w-24 flex-none tabular-nums"
           />
+          <input type="hidden" name="send_invoice_reminders" value={sendReminders ? 'true' : 'false'} />
         </SettingsRow>
+        <SettingsReveal open={sendReminders}>
+          <SettingsRow
+            label={t('reminder_days_level_1')}
+            htmlFor="reminder_days_level_1"
+            align="baseline"
+          >
+            <SettingsInput
+              id="reminder_days_level_1"
+              name="reminder_days_level_1"
+              type="number"
+              min="1"
+              max="365"
+              defaultValue={settings.reminder_days_level_1 ?? 15}
+              className="max-w-24 flex-none tabular-nums"
+            />
+          </SettingsRow>
+          <SettingsRow
+            label={t('reminder_days_level_2')}
+            htmlFor="reminder_days_level_2"
+            align="baseline"
+          >
+            <SettingsInput
+              id="reminder_days_level_2"
+              name="reminder_days_level_2"
+              type="number"
+              min="1"
+              max="365"
+              defaultValue={settings.reminder_days_level_2 ?? 30}
+              className="max-w-24 flex-none tabular-nums"
+            />
+          </SettingsRow>
+          <SettingsRow
+            label={t('reminder_days_level_3')}
+            htmlFor="reminder_days_level_3"
+            align="baseline"
+          >
+            <SettingsInput
+              id="reminder_days_level_3"
+              name="reminder_days_level_3"
+              type="number"
+              min="1"
+              max="365"
+              defaultValue={settings.reminder_days_level_3 ?? 45}
+              className="max-w-24 flex-none tabular-nums"
+            />
+          </SettingsRow>
+        </SettingsReveal>
       </SettingsGroup>
     </>
   )

components/settings/sections/InvoicingSettingsContent.tsx

@@ -37,6 +37,7 @@ export function InvoicingSettingsContent() {
         Number.parseInt(formData.get('reminder_days_level_2') as string) || 30,
       reminder_days_level_3:
         Number.parseInt(formData.get('reminder_days_level_3') as string) || 45,
+      send_invoice_reminders: formData.get('send_invoice_reminders') === 'true',
     }
     return {
       updates,

messages/en.json

@@ -1935,6 +1935,8 @@
     "default_notes_help": "Suggested automatically for new invoices.",
     "reminder_days_heading": "Automatic reminders",
     "reminder_days_help": "Choose how many days after the due date each reminder is sent. The days must be in ascending order.",
+    "send_reminders_label": "Send automatic reminders",
+    "send_reminders_help": "When off, no automatic reminder emails are sent to customers with overdue invoices.",
     "reminder_days_level_1": "First reminder (days)",
     "reminder_days_level_2": "Second reminder (days)",
     "reminder_days_level_3": "Final reminder (days)"
@@ -3502,6 +3504,7 @@
     "payment_status_empty": "No payments recorded yet.",
     "reminders_card_title": "Reminders",
     "reminders_description": "Automatic reminders are sent when the invoice is {day1}, {day2} and {day3} days overdue",
+    "reminders_disabled": "Automatic reminders are turned off in settings.",
     "reminders_empty": "No reminders have been sent yet.",
     "reminder_level_label": "Level {level}",
     "reminder_level_1": "Friendly reminder",

messages/sv.json

@@ -1935,6 +1935,8 @@
     "default_notes_help": "Föreslås automatiskt vid ny faktura.",
     "reminder_days_heading": "Automatiska påminnelser",
     "reminder_days_help": "Ange hur många dagar efter förfallodatum varje påminnelse skickas. Dagarna måste vara i stigande ordning.",
+    "send_reminders_label": "Skicka automatiska påminnelser",
+    "send_reminders_help": "När detta är avstängt skickas inga automatiska påminnelsemejl till kunder med förfallna fakturor.",
     "reminder_days_level_1": "Första påminnelsen (dagar)",
     "reminder_days_level_2": "Andra påminnelsen (dagar)",
     "reminder_days_level_3": "Slutlig påminnelse (dagar)"
@@ -3502,6 +3504,7 @@
     "payment_status_empty": "Inga registrerade betalningar ännu.",
     "reminders_card_title": "Påminnelser",
     "reminders_description": "Automatiska påminnelser skickas när fakturan varit förfallen i {day1}, {day2} och {day3} dagar",
+    "reminders_disabled": "Automatiska påminnelser är avstängda i inställningarna.",
     "reminders_empty": "Inga påminnelser har skickats ännu.",
     "reminder_level_label": "Nivå {level}",
     "reminder_level_1": "Vänlig påminnelse",