upadte query cache after create

gitpod-io · Nov 15, 2023 · b645a43 · b645a43
1 parent cdf7c5f
commit b645a43
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/components/dashboard/src/data/configurations/configuration-queries.ts b/components/dashboard/src/data/configurations/configuration-queries.ts
@@ -96,6 +96,7 @@ export type CreateConfigurationArgs = {
 
 export const useCreateConfiguration = () => {
     const { data: org } = useCurrentOrg();
+    const queryClient = useQueryClient();
 
     return useMutation<Configuration, Error, CreateConfigurationArgs>({
         mutationFn: async ({ name, cloneUrl }) => {
@@ -118,5 +119,9 @@ export const useCreateConfiguration = () => {
 
             return response.configuration;
         },
+        onSuccess: (configuration) => {
+            queryClient.setQueryData(getConfigurationQueryKey(configuration.id), configuration);
+            queryClient.invalidateQueries({ queryKey: ["configurations", "list"] });
+        },
     });
 };
diff --git a/components/dashboard/src/repositories/create/ImportRepositoryModal.tsx b/components/dashboard/src/repositories/create/ImportRepositoryModal.tsx
@@ -6,14 +6,15 @@
 
 import { FC, useCallback, useState } from "react";
 import Modal, { ModalBody, ModalFooter, ModalFooterAlert, ModalHeader } from "../../components/Modal";
-import { Button } from "../../components/Button";
 import { SuggestedRepository } from "@gitpod/gitpod-protocol";
 import RepositoryFinder from "../../components/RepositoryFinder";
 import { InputField } from "../../components/forms/InputField";
 import { AuthorizeGit, useNeedsGitAuthorization } from "../../components/AuthorizeGit";
 import { useTemporaryState } from "../../hooks/use-temporary-value";
 import { CreateConfigurationArgs, useCreateConfiguration } from "../../data/configurations/configuration-queries";
 import type { Configuration } from "@gitpod/public-api/lib/gitpod/v1/configuration_pb";
+import { LoadingButton } from "@podkit/buttons/LoadingButton";
+import { Button } from "@podkit/buttons/Button";
 
 type Props = {
     onCreated: (configuration: Configuration) => void;
@@ -57,7 +58,7 @@ export const ImportRepositoryModal: FC<Props> = ({ onClose, onCreated }) => {
                         <AuthorizeGit />
                     ) : (
                         <>
-                            <InputField label="Select a repository" className="mb-8 w-full">
+                            <InputField className="mb-8 w-full">
                                 <RepositoryFinder
                                     selectedContextURL={selectedRepo?.url}
                                     selectedProjectID={selectedRepo?.projectId}
@@ -78,12 +79,12 @@ export const ImportRepositoryModal: FC<Props> = ({ onClose, onCreated }) => {
                     )
                 }
             >
-                <Button type="secondary" onClick={onClose}>
+                <Button variant="secondary" onClick={onClose}>
                     Cancel
                 </Button>
-                <Button htmlType="submit" loading={createConfiguration.isLoading}>
+                <LoadingButton type="submit" loading={createConfiguration.isLoading}>
                     Import
-                </Button>
+                </LoadingButton>
             </ModalFooter>
         </Modal>
     );