refactor: Disable "Create theme" button on CreateThemePage

This commit disables the "Create theme" button on the CreateThemePage component by adding the `disabled` attribute to the Button component. This change is made to prevent users from creating new color themes for the browser until a more accessible solution is implemented. However, users can still create their own themes and share them with the community.
This commit is contained in:
Mauro Balades
2024-08-23 20:09:23 +02:00
parent f0c29781ba
commit da088d0292

View File

@@ -187,9 +187,12 @@ export default function CreateThemePage() {
<input type="text" className="border text-gray-500 rounded-lg p-2 w-2/3" value={dialogBg} onChange={(e) => setDialogBg(e.target.value)} /> <input type="text" className="border text-gray-500 rounded-lg p-2 w-2/3" value={dialogBg} onChange={(e) => setDialogBg(e.target.value)} />
<div className="w-11 h-11 ml-4 rounded-lg border bg-[var(--zen-dialog-background)]"></div> <div className="w-11 h-11 ml-4 rounded-lg border bg-[var(--zen-dialog-background)]"></div>
</div> </div>
<div className="text-md font-bold text-muted-foreground mt-8">
Right now, we aren't taking more color themes for the browser, until we find a way to make it more accessible for everyone. However, you can still create your own theme and share it with the community.
</div>
<Sheet> <Sheet>
<SheetTrigger asChild> <SheetTrigger asChild>
<Button className="mt-8">Create theme</Button> <Button disabled className="mt-8">Create theme</Button>
</SheetTrigger> </SheetTrigger>
<SheetContent className="!w-[600px] !max-w-lg"> <SheetContent className="!w-[600px] !max-w-lg">
<SheetHeader> <SheetHeader>