+
Appearance
+
+
+ setSettings({ ...settings, color: e.target.value })}
+ />
+
+
+
+ setSettings({ ...settings, strokeWidth: Number(e.target.value) })}
+ className="w-full"
+ />
+
+
+
+ setSettings({ ...settings, centerline: e.target.checked })}
+ />
+
+ {editing && (settings.centerline ? (
+ <>
+
+
+ setSettings({ ...settings, dilationRadius: Number(e.target.value) })}
+ className="w-full"
+ />
+
+
+
+ setSettings({ ...settings, binaryThreshold: Number(e.target.value) })}
+ className="w-full"
+ />
+
+ >
+ ) : (
+ <>
+
+
+ setSettings({ ...settings, blurKernel: Number(e.target.value) })}
+ className="w-full"
+ />
+
+
+
+ setSettings({ ...settings, hysteresisHighThreshold: Number(e.target.value) })}
+ className="w-full"
+ />
+
+ >
+ ))}
+
+
+
setEditing(!editing)}>Edit Artwork
+
Update Preview
+
+ {transformed.dronetime > 0 && (
+
Estimated time: {transformed.dronetime} min
+ )}
+
+
navigate('/graffiti/positioning')}>Set Position
+
+
+