chunzhi/comfyui-deploy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add loading dialog for when rebuilding machine request was loading

Browse Source
This commit is contained in:
bennykok 2024-01-27 14:19:50 +08:00
parent 5eba792579
commit 72325a4217
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/components/MachineList.tsx
View File

@ -235,9 +235,11 @@ export const columns: ColumnDef<Machine>[] = [
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem <DropdownMenuItem
onClick={() => { onClick={() => {
buildMachine({ callServerPromise(buildMachine({
id: machine.id, id: machine.id,
}); }), {
loadingText: "Starting machine build process"
})
}} }}
> >
Rebuild Rebuild

11
web/src/components/callServerPromise.tsx
View File

@ -2,7 +2,13 @@
import { toast } from "sonner"; import { toast } from "sonner";
export async function callServerPromise<T>(result: Promise<T>) { export async function callServerPromise<T>(result: Promise<T>, props?: {
loadingText: string
}) {
let id: string | number
if (props?.loadingText) {
id = toast.loading(props.loadingText)
}
return result return result
.then((x) => { .then((x) => {
if ((x as { message: string })?.message !== undefined) { if ((x as { message: string })?.message !== undefined) {
@ -15,5 +21,8 @@ export async function callServerPromise<T>(result: Promise<T>) {
.catch((error) => { .catch((error) => {
toast.error(error.message); toast.error(error.message);
return null; return null;
}).finally(() => {
if (id != undefined)
toast.dismiss(id)
}); });
} }