shiyue/kan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: show loading spinner when creating or updating a label

Browse Source
This commit is contained in:
Henry
2025-01-30 22:26:20 +00:00
parent 0f26e7615b
commit 7db21596f1
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/web/src/views/card/components/LabelForm.tsx
View File

@@ -167,7 +167,7 @@ export function LabelForm({
<> <>
<div className="flex items-center rounded-[5px] p-2 hover:bg-light-200 dark:hover:bg-dark-400"> <div className="flex items-center rounded-[5px] p-2 hover:bg-light-200 dark:hover:bg-dark-400">
<span <span
style={{ backgroundColor: colour?.code }} style={{ backgroundColor: colour.code }}
className="ml-2 inline-block h-2 w-2 flex-shrink-0 rounded-full" className="ml-2 inline-block h-2 w-2 flex-shrink-0 rounded-full"
aria-hidden="true" aria-hidden="true"
/> />
@@ -209,7 +209,10 @@ export function LabelForm({
Delete Delete
</Button> </Button>
)} )}
<Button type="submit"> <Button
type="submit"
isLoading={updateLabel.isPending || createLabel.isPending}
>
{isEdit ? "Update label" : "Create label"} {isEdit ? "Update label" : "Create label"}
</Button> </Button>
</div> </div>