pascallinxweiler/Webify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[dyad] Adding a toggle for presets - wrote 1 file(s)

Browse Source
This commit is contained in:
[dyad]
2026-01-19 08:13:14 +01:00
parent d39ddd0540
commit 436bb08c4d
1 changed files with 33 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/components/settings/preset-settings.tsx
View File

@@ -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>
);
}