From 436bb08c4d845ce0c6b24ebccacae65df7179743 Mon Sep 17 00:00:00 2001
From: "[dyad]" <git@dyad.sh>
Date: Mon, 19 Jan 2026 08:13:14 +0100
Subject: [PATCH] [dyad] Adding a toggle for presets - wrote 1 file(s)

---
 src/components/settings/preset-settings.tsx | 52 +++++++++++++--------
 1 file changed, 33 insertions(+), 19 deletions(-)

diff --git a/src/components/settings/preset-settings.tsx b/src/components/settings/preset-settings.tsx
index cacaca5..3df12a5 100644
--- a/src/components/settings/preset-settings.tsx
+++ b/src/components/settings/preset-settings.tsx
@@ -1,9 +1,11 @@
 "use client";
 
+import { useState } from "react";
 import { ConversionSettings } from "@/types";
 import { Label } from "@/components/ui/label";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Switch } from "@/components/ui/switch";
 import { toast } from "sonner";
 
 type Preset = {
@@ -31,6 +33,8 @@ interface PresetSettingsProps {
 }
 
 export function PresetSettings({ onSettingsChange }: PresetSettingsProps) {
+  const [presetsEnabled, setPresetsEnabled] = useState(false);
+
   const handlePresetSelect = (presetName: string) => {
     const selectedPreset = presets.find(p => p.name === presetName);
     if (selectedPreset) {
@@ -42,26 +46,36 @@ export function PresetSettings({ onSettingsChange }: PresetSettingsProps) {
   return (
     <Card>
       <CardHeader>
-        <CardTitle className="text-lg font-medium leading-none">Presets</CardTitle>
-        <p className="text-sm text-muted-foreground mt-1">Schnell gängige Einstellungen anwenden.</p>
-      </CardHeader>
-      <CardContent>
-        <div className="space-y-2">
-          <Label htmlFor="presets">Preset auswählen</Label>
-          <Select onValueChange={handlePresetSelect}>
-            <SelectTrigger id="presets">
-              <SelectValue placeholder="Preset auswählen..." />
-            </SelectTrigger>
-            <SelectContent>
-              {presets.map((preset) => (
-                <SelectItem key={preset.name} value={preset.name}>
-                  {preset.name}
-                </SelectItem>
-              ))}
-            </SelectContent>
-          </Select>
+        <div className="flex items-center justify-between">
+          <div>
+            <CardTitle className="text-lg font-medium leading-none">Presets</CardTitle>
+            <p className="text-sm text-muted-foreground mt-1">Schnell gängige Einstellungen anwenden.</p>
+          </div>
+          <div className="flex items-center space-x-2">
+            <Label htmlFor="enable-presets" className="cursor-pointer">Aktivieren</Label>
+            <Switch id="enable-presets" checked={presetsEnabled} onCheckedChange={setPresetsEnabled} />
+          </div>
         </div>
-      </CardContent>
+      </CardHeader>
+      {presetsEnabled && (
+        <CardContent>
+          <div className="space-y-2">
+            <Label htmlFor="presets">Preset auswählen</Label>
+            <Select onValueChange={handlePresetSelect}>
+              <SelectTrigger id="presets">
+                <SelectValue placeholder="Preset auswählen..." />
+              </SelectTrigger>
+              <SelectContent>
+                {presets.map((preset) => (
+                  <SelectItem key={preset.name} value={preset.name}>
+                    {preset.name}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
+        </CardContent>
+      )}
     </Card>
   );
 }
\ No newline at end of file