Function useUpdatePlugin

client/src/api/plugin/queries.tsx:85–111

()

}

export const useUpdatePlugin = () => {
  const client = useQueryClient();

  return useMutation({
    mutationFn: (definition: PluginDefinition) => {
      return axios.put(`/api/plugins/${definition.name}`, definition);
    },
    onMutate: async (definition: PluginDefinition) => {
      await client.cancelQueries(['plugin', definition.name]);
      const previousPlugin = client.getQueryData<PluginDefinition>(['plugin', definition.name]);
      client.setQueryData<PluginDefinition>(['plugin', definition.name], definition);
      await client.cancelQueries(['plugins']);
      const previousPlugins = client.getQueryData<PluginDefinition[]>(['plugins']);

      const updatedPlugins = Array.isArray(previousPlugins)
        ? previousPlugins.map((item) => (item.name === definition.name ? definition : item))
        : [];
      client.setQueryData<PluginDefinition[]>(['plugins'], updatedPlugins);
      return { previousPlugins, previousPlugin };
    },
    onError: (err, newDefinition, context) => {
      console.error('onError', err);
      client.setQueryData(['plugin', newDefinition.name], context.previousPlugin);
      client.setQueryData(['plugins'], context.previousPlugins);
    },
  });
};

export const useDeletePlugin = () => {
  const client = useQueryClient();