kennethnym/tesseract
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

feat: add loading state when creating workspace

Browse Source
This commit is contained in:
Kenneth
2024-12-03 15:18:19 +00:00
parent 9fd88fd8d5
commit 4e34570792
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/workspaces/new-workspace-dialog.tsx
View File

@@ -117,8 +117,11 @@ function NewWorkspaceForm({
runtimes: WorkspaceRuntime[]; runtimes: WorkspaceRuntime[];
onCreateSuccess: () => void; onCreateSuccess: () => void;
}) { }) {
const { createWorkspace, status } = useCreateWorkspace();
const isCreating = status.type === "loading";
const form = useForm({ const form = useForm({
resolver: superstructResolver(NewWorkspaceFormSchema), resolver: superstructResolver(NewWorkspaceFormSchema),
disabled: isCreating,
defaultValues: { defaultValues: {
workspaceName: "", workspaceName: "",
// image is in the form "imageTag imageId" (space as separator) // image is in the form "imageTag imageId" (space as separator)
@@ -127,7 +130,6 @@ function NewWorkspaceForm({
runtime: "", runtime: "",
}, },
}); });
const { createWorkspace, status } = useCreateWorkspace();
const { toast } = useToast(); const { toast } = useToast();
const formRef = useRef<HTMLFormElement | null>(null); const formRef = useRef<HTMLFormElement | null>(null);
@@ -261,7 +263,10 @@ function NewWorkspaceForm({
/> />
<DialogFooter> <DialogFooter>
<Button type="submit">Create</Button> <Button disabled={isCreating} type="submit">
{isCreating ? <LoadingSpinner /> : null}
Create
</Button>
</DialogFooter> </DialogFooter>
</form> </form>
</Form> </Form>