delete works now

aslilac · aslilac · commit e6882c4dc9ae · 2024-05-16T19:49:52.000Z
diff --git a/site/src/api/api.ts b/site/src/api/api.ts
@@ -513,6 +513,12 @@ class ApiMethods {
     return response.data;
   };
 
+  deleteOrganization = async (orgId: string) => {
+    await this.axios.delete<TypesGen.Organization>(
+      `/api/v2/organizations/${orgId}`,
+    );
+  };
+
   getOrganization = async (
     organizationId: string,
   ): Promise<TypesGen.Organization> => {
@@ -748,12 +754,10 @@ class ApiMethods {
     return response.data;
   };
 
-  deleteTemplate = async (templateId: string): Promise<TypesGen.Template> => {
-    const response = await this.axios.delete<TypesGen.Template>(
+  deleteTemplate = async (templateId: string) => {
+    await this.axios.delete<TypesGen.Template>(
       `/api/v2/templates/${templateId}`,
     );
-
-    return response.data;
   };
 
   getWorkspace = async (
diff --git a/site/src/api/queries/organizations.ts b/site/src/api/queries/organizations.ts
@@ -14,3 +14,14 @@ export const createOrganization = (queryClient: QueryClient) => {
     },
   };
 };
+
+export const deleteOrganization = (queryClient: QueryClient) => {
+  return {
+    mutationFn: (orgId: string) => API.deleteOrganization(orgId),
+
+    onSuccess: async () => {
+      await queryClient.invalidateQueries(meKey);
+      await queryClient.invalidateQueries(myOrganizationsKey);
+    },
+  };
+};
diff --git a/site/src/pages/DeploySettingsPage/TeamsSettingsPage/TeamsSettingsPage.tsx b/site/src/pages/DeploySettingsPage/TeamsSettingsPage/TeamsSettingsPage.tsx
@@ -1,13 +1,17 @@
 import Button from "@mui/material/Button";
 import { type FC, useState } from "react";
 import { useMutation, useQuery, useQueryClient } from "react-query";
-import { createOrganization } from "api/queries/organizations";
+import {
+  createOrganization,
+  deleteOrganization,
+} from "api/queries/organizations";
 import { myOrganizations } from "api/queries/users";
 import { TextField } from "@mui/material";
 
 const TeamsSettingsPage: FC = () => {
   const queryClient = useQueryClient();
   const addTeamMutation = useMutation(createOrganization(queryClient));
+  const deleteTeamMutation = useMutation(deleteOrganization(queryClient));
   const organizationsQuery = useQuery(myOrganizations());
   const [newOrgName, setNewOrgName] = useState("");
   return (
@@ -21,16 +25,12 @@ const TeamsSettingsPage: FC = () => {
         add new team
       </Button>
 
+      <div>{String(deleteTeamMutation.error)}</div>
+
       {organizationsQuery.data?.map((org) => (
         <div key={org.id}>
           {org.name}{" "}
-          <Button
-            onClick={() =>
-              console.log(
-                "I tried to delete an org and all I got was this log message",
-              )
-            }
-          >
+          <Button onClick={() => deleteTeamMutation.mutate(org.id)}>
             Delete
           </Button>
         </div>
