feat: remove colorspace option from pastel gradients (not supported by API)

This commit is contained in:
2026-02-23 18:22:12 +01:00
parent ab930a3279
commit 3061260eec
3 changed files with 0 additions and 36 deletions

View File

@@ -6,7 +6,6 @@ import { PaletteGrid } from '@/components/pastel/color/PaletteGrid';
import { ExportMenu } from '@/components/pastel/tools/ExportMenu';
import { Button } from '@/components/ui/Button';
import { Input } from '@/components/ui/Input';
import { Select } from '@/components/ui/Select';
import { useGenerateGradient } from '@/lib/pastel/api/queries';
import { Loader2, Plus, X } from 'lucide-react';
import { toast } from 'sonner';
@@ -14,9 +13,6 @@ import { toast } from 'sonner';
export default function GradientPage() {
const [stops, setStops] = useState<string[]>(['#ff0099', '#0099ff']);
const [count, setCount] = useState(10);
const [colorspace, setColorspace] = useState<
'rgb' | 'hsl' | 'hsv' | 'lab' | 'oklab' | 'lch' | 'oklch'
>('lch');
const [gradient, setGradient] = useState<string[]>([]);
const generateMutation = useGenerateGradient();
@@ -26,7 +22,6 @@ export default function GradientPage() {
const result = await generateMutation.mutateAsync({
stops,
count,
colorspace,
});
setGradient(result.gradient);
toast.success(`Generated ${result.gradient.length} colors`);
@@ -111,31 +106,6 @@ export default function GradientPage() {
/>
</div>
<Select
label="Color Space"
value={colorspace}
onChange={(e) =>
setColorspace(
e.target.value as
| 'rgb'
| 'hsl'
| 'hsv'
| 'lab'
| 'oklab'
| 'lch'
| 'oklch'
)
}
>
<option value="rgb">RGB</option>
<option value="hsl">HSL</option>
<option value="hsv">HSV</option>
<option value="lab">Lab</option>
<option value="oklab">OkLab</option>
<option value="lch">LCH</option>
<option value="oklch">OkLCH (Recommended)</option>
</Select>
<Button
onClick={handleGenerate}
disabled={generateMutation.isPending || stops.length < 2}