Files
SCM-Manager/scm-ui/ui-api/src/repository-roles.ts
Konstantin Schaper d41b293109 remove query keys when deleting individual entities (#1832)
When deleting individual entities, their query keys should be removed, not only invalidated. This is to prevent situations, where an entity is deleted via the web interface and react-query attempts a re-fetch before a redirect to the collection view can occur. This could lead to a not found error.
2021-10-20 13:15:17 +02:00

142 lines
5.2 KiB
TypeScript

/*
* MIT License
*
* Copyright (c) 2020-present Cloudogu GmbH and Contributors
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*/
import { ApiResult, useRequiredIndexLink } from "./base";
import { RepositoryRole, RepositoryRoleCollection, RepositoryRoleCreation } from "@scm-manager/ui-types";
import { useMutation, useQuery, useQueryClient } from "react-query";
import { apiClient, urls } from "@scm-manager/ui-components";
import { createQueryString } from "./utils";
import { requiredLink } from "./links";
export type UseRepositoryRolesRequest = {
page?: number | string;
};
export const useRepositoryRoles = (request?: UseRepositoryRolesRequest): ApiResult<RepositoryRoleCollection> => {
const queryClient = useQueryClient();
const indexLink = useRequiredIndexLink("repositoryRoles");
const queryParams: Record<string, string> = {};
if (request?.page) {
queryParams.page = request.page.toString();
}
return useQuery<RepositoryRoleCollection, Error>(
["repositoryRoles", request?.page || 0],
() => apiClient.get(`${indexLink}?${createQueryString(queryParams)}`).then((response) => response.json()),
{
onSuccess: (repositoryRoles: RepositoryRoleCollection) => {
repositoryRoles._embedded?.repositoryRoles.forEach((repositoryRole: RepositoryRole) =>
queryClient.setQueryData(["repositoryRole", repositoryRole.name], repositoryRole)
);
},
}
);
};
export const useRepositoryRole = (name: string): ApiResult<RepositoryRole> => {
const indexLink = useRequiredIndexLink("repositoryRoles");
return useQuery<RepositoryRole, Error>(["repositoryRole", name], () =>
apiClient.get(urls.concat(indexLink, name)).then((response) => response.json())
);
};
const createRepositoryRole = (link: string) => {
return (repositoryRole: RepositoryRoleCreation) => {
return apiClient
.post(link, repositoryRole, "application/vnd.scmm-repositoryRole+json;v=2")
.then((response) => {
const location = response.headers.get("Location");
if (!location) {
throw new Error("Server does not return required Location header");
}
return apiClient.get(location);
})
.then((response) => response.json());
};
};
export const useCreateRepositoryRole = () => {
const queryClient = useQueryClient();
const link = useRequiredIndexLink("repositoryRoles");
const { mutate, data, isLoading, error } = useMutation<RepositoryRole, Error, RepositoryRoleCreation>(
createRepositoryRole(link),
{
onSuccess: (repositoryRole) => {
queryClient.setQueryData(["repositoryRole", repositoryRole.name], repositoryRole);
return queryClient.invalidateQueries(["repositoryRoles"]);
},
}
);
return {
create: (repositoryRole: RepositoryRoleCreation) => mutate(repositoryRole),
isLoading,
error,
repositoryRole: data,
};
};
export const useUpdateRepositoryRole = () => {
const queryClient = useQueryClient();
const { mutate, isLoading, error, data } = useMutation<unknown, Error, RepositoryRole>(
(repositoryRole) => {
const updateUrl = requiredLink(repositoryRole, "update");
return apiClient.put(updateUrl, repositoryRole, "application/vnd.scmm-repositoryRole+json;v=2");
},
{
onSuccess: async (_, repositoryRole) => {
await queryClient.invalidateQueries(["repositoryRole", repositoryRole.name]);
await queryClient.invalidateQueries(["repositoryRoles"]);
},
}
);
return {
update: (repositoryRole: RepositoryRole) => mutate(repositoryRole),
isLoading,
error,
isUpdated: !!data,
};
};
export const useDeleteRepositoryRole = () => {
const queryClient = useQueryClient();
const { mutate, isLoading, error, data } = useMutation<unknown, Error, RepositoryRole>(
(repositoryRole) => {
const deleteUrl = requiredLink(repositoryRole, "delete");
return apiClient.delete(deleteUrl);
},
{
onSuccess: async (_, name) => {
await queryClient.removeQueries(["repositoryRole", name]);
await queryClient.invalidateQueries(["repositoryRoles"]);
},
}
);
return {
remove: (repositoryRole: RepositoryRole) => mutate(repositoryRole),
isLoading,
error,
isDeleted: !!data,
};
};