feat: add plan title and interval editing to settings

- Add Settings button label i18n (de: Einstellungen)
- Allow editing plan title, feeding per day, feeding interval, and litter interval
- Update PlanSettings component with new form fields
- Add German and English translations for new settings
- Update Plan type to include title property

app/[lang]/dashboard/[planId]/_components/plan-dashboard.tsx

@@ -32,6 +32,7 @@ type Booking = {
 
 type Plan = {
     id: string
+    title: string
     startDate: Date
     endDate: Date
     instructions: string | null
@@ -161,9 +162,13 @@ export function PlanDashboard({ plan, dict, settingsDict, lang }: PlanDashboardP
                     </Button>
                     <PlanSettings
                         planId={plan.id}
+                        initialTitle={plan.title}
                         initialWebhookUrl={plan.webhookUrl}
                         initialInstructions={plan.instructions}
                         initialNotifyAll={plan.notifyAll}
+                        initialFeedingPerDay={plan.feedingPerDay}
+                        initialFeedingInterval={plan.feedingInterval}
+                        initialLitterInterval={plan.litterInterval}
                         dict={settingsDict}
                         lang={lang}
                     />

app/actions/plan.ts

@@ -8,7 +8,15 @@ import { getDictionary } from "@/get-dictionary"
 
 export async function updatePlan(
     planId: string,
-    data: { instructions?: string; webhookUrl?: string; notifyAll?: boolean },
+    data: {
+        instructions?: string;
+        webhookUrl?: string;
+        notifyAll?: boolean;
+        title?: string;
+        feedingPerDay?: number;
+        feedingInterval?: number;
+        litterInterval?: number;
+    },
     lang: string = "en"
 ) {
     const dict = await getDictionary(lang as any)
@@ -19,6 +27,10 @@ export async function updatePlan(
             instructions: data.instructions,
             webhookUrl: data.webhookUrl,
             notifyAll: data.notifyAll,
+            title: data.title,
+            feedingPerDay: data.feedingPerDay,
+            feedingInterval: data.feedingInterval,
+            litterInterval: data.litterInterval,
         }
     })
 

components/plan-settings.tsx

@@ -33,18 +33,26 @@ import { updatePlan } from "@/app/actions/plan"
 
 interface PlanSettingsProps {
     planId: string
+    initialTitle: string
     initialInstructions: string | null
     initialWebhookUrl: string | null
     initialNotifyAll: boolean
+    initialFeedingPerDay: number
+    initialFeedingInterval: number
+    initialLitterInterval: number
     dict: any
     lang: string
 }
 
 export function PlanSettings({
     planId,
+    initialTitle,
     initialInstructions,
     initialWebhookUrl,
     initialNotifyAll,
+    initialFeedingPerDay,
+    initialFeedingInterval,
+    initialLitterInterval,
     dict,
     lang
 }: PlanSettingsProps) {
@@ -52,9 +60,13 @@ export function PlanSettings({
     const [isPending, setIsPending] = useState(false)
 
     const formSchema = z.object({
+        title: z.string().min(2),
         instructions: z.string().optional(),
         webhookUrl: z.string().url().optional().or(z.literal("")),
         notifyAll: z.boolean(),
+        feedingPerDay: z.number().min(1).max(10),
+        feedingInterval: z.number().min(1).max(30),
+        litterInterval: z.number().min(1).max(30),
     })
 
     type FormValues = z.infer<typeof formSchema>
@@ -62,9 +74,13 @@ export function PlanSettings({
     const form = useForm<FormValues>({
         resolver: zodResolver(formSchema),
         defaultValues: {
+            title: initialTitle,
             instructions: initialInstructions || "",
             webhookUrl: initialWebhookUrl || "",
             notifyAll: initialNotifyAll,
+            feedingPerDay: initialFeedingPerDay,
+            feedingInterval: initialFeedingInterval,
+            litterInterval: initialLitterInterval,
         },
     })
 
@@ -86,7 +102,7 @@ export function PlanSettings({
             <DialogTrigger asChild>
                 <Button variant="outline" size="sm">
                     <Settings className="w-4 h-4 mr-2" />
-                    {dict.title.split(" ")[1] || "Settings"}
+                    {dict.label}
                 </Button>
             </DialogTrigger>
             <DialogContent className="sm:max-w-[425px]">
@@ -98,6 +114,21 @@ export function PlanSettings({
                 </DialogHeader>
                 <Form {...form}>
                     <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
+                        <FormField
+                            control={form.control}
+                            name="title"
+                            render={({ field }) => (
+                                <FormItem>
+                                    <FormLabel>{dict.titleLabel}</FormLabel>
+                                    <FormControl>
+                                        <Input
+                                            {...field}
+                                        />
+                                    </FormControl>
+                                    <FormMessage />
+                                </FormItem>
+                            )}
+                        />
                         <FormField
                             control={form.control}
                             name="webhookUrl"
@@ -117,6 +148,59 @@ export function PlanSettings({
                                 </FormItem>
                             )}
                         />
+                        <div className="grid grid-cols-2 gap-4">
+                            <FormField
+                                control={form.control}
+                                name="feedingPerDay"
+                                render={({ field }) => (
+                                    <FormItem>
+                                        <FormLabel>{dict.feedingPerDayLabel}</FormLabel>
+                                        <FormControl>
+                                            <Input
+                                                type="number"
+                                                {...field}
+                                                onChange={(e) => field.onChange(parseInt(e.target.value))}
+                                            />
+                                        </FormControl>
+                                        <FormMessage />
+                                    </FormItem>
+                                )}
+                            />
+                            <FormField
+                                control={form.control}
+                                name="feedingInterval"
+                                render={({ field }) => (
+                                    <FormItem>
+                                        <FormLabel>{dict.feedingIntervalLabel}</FormLabel>
+                                        <FormControl>
+                                            <Input
+                                                type="number"
+                                                {...field}
+                                                onChange={(e) => field.onChange(parseInt(e.target.value))}
+                                            />
+                                        </FormControl>
+                                        <FormMessage />
+                                    </FormItem>
+                                )}
+                            />
+                        </div>
+                        <FormField
+                            control={form.control}
+                            name="litterInterval"
+                            render={({ field }) => (
+                                <FormItem>
+                                    <FormLabel>{dict.litterIntervalLabel}</FormLabel>
+                                    <FormControl>
+                                        <Input
+                                            type="number"
+                                            {...field}
+                                            onChange={(e) => field.onChange(parseInt(e.target.value))}
+                                        />
+                                    </FormControl>
+                                    <FormMessage />
+                                </FormItem>
+                            )}
+                        />
                         <FormField
                             control={form.control}
                             name="notifyAll"

dictionaries/de.json

@@ -66,8 +66,10 @@
         "error": "Ungültiges Passwort"
     },
     "settings": {
+        "label": "Einstellungen",
         "title": "Plan-Einstellungen",
         "description": "Aktualisiere die Instruktionen oder den Benachrichtigungs-Webhook.",
+        "titleLabel": "Titel des Plans",
         "webhookLabel": "Benachrichtigungs-Webhook (Discord/Telegram)",
         "webhookPlaceholder": "https://discord.com/api/webhooks/...",
         "webhookDesc": "Lass dich informieren, wenn jemand bucht oder absagt.",
@@ -75,6 +77,9 @@
         "instructionsPlaceholder": "Futter: 2x täglich, Klo: täglich...",
         "notifyAllLabel": "Alle Ereignisse melden",
         "notifyAllDesc": "Falls deaktiviert, werden nur Absagen gemeldet.",
+        "feedingPerDayLabel": "Wie oft am Fütterungstag füttern?",
+        "feedingIntervalLabel": "Alle wieviel Tage füttern?",
+        "litterIntervalLabel": "Alle wieviel Tage das Klo reinigen?",
         "save": "Änderungen speichern",
         "saving": "Speichere...",
         "success": "Einstellungen aktualisiert!",

dictionaries/en.json

@@ -66,8 +66,10 @@
         "error": "Invalid password"
     },
     "settings": {
+        "label": "Settings",
         "title": "Plan Settings",
         "description": "Update the cat care instructions or notification webhook.",
+        "titleLabel": "Plan Title",
         "webhookLabel": "Notification Webhook (Discord/Telegram)",
         "webhookPlaceholder": "https://discord.com/api/webhooks/...",
         "webhookDesc": "Get notified on Discord/Telegram when someone books or cancels.",
@@ -75,6 +77,9 @@
         "instructionsPlaceholder": "Food: 2x daily, Litter: daily...",
         "notifyAllLabel": "Notify for all events",
         "notifyAllDesc": "If disabled, only cancellations will be notified.",
+        "feedingPerDayLabel": "Feeding times per feeding day",
+        "feedingIntervalLabel": "Feeding interval (days)",
+        "litterIntervalLabel": "Litter cleaning interval (days)",
         "save": "Save changes",
         "saving": "Saving...",
         "success": "Settings updated!",