refactor(docker/services): convert services table to react [EE-4675] (#10289)

app/react/docker/services/webhooks/build-url.ts

@@ -0,0 +1,4 @@
+export function buildUrl(webhookId?: string) {
+  const baseUrl = '/webhooks';
+  return webhookId ? `${baseUrl}/${webhookId}` : baseUrl;
+}

app/react/docker/services/webhooks/getWebhooks.ts

@@ -0,0 +1,19 @@
+import axios, { parseAxiosError } from '@/portainer/services/axios';
+import { EnvironmentId } from '@/react/portainer/environments/types';
+
+import { buildUrl } from './build-url';
+import { Webhook } from './types';
+
+export async function getWebhooks(
+  environmentId: EnvironmentId,
+  serviceId: string
+) {
+  try {
+    const { data } = await axios.get<Array<Webhook>>(buildUrl(), {
+      params: { filters: { EndpointID: environmentId, ResourceID: serviceId } },
+    });
+    return data;
+  } catch (error) {
+    throw parseAxiosError(error);
+  }
+}

app/react/docker/services/webhooks/removeWebhook.ts

@@ -0,0 +1,25 @@
+import axios, { parseAxiosError } from '@/portainer/services/axios';
+import { EnvironmentId } from '@/react/portainer/environments/types';
+import { promiseSequence } from '@/portainer/helpers/promise-utils';
+
+import { getWebhooks } from './getWebhooks';
+import { Webhook } from './types';
+import { buildUrl } from './build-url';
+
+export async function removeWebhooksForService(
+  environmentId: EnvironmentId,
+  serviceId: string
+) {
+  const webhooks = await getWebhooks(environmentId, serviceId);
+  return promiseSequence(
+    webhooks.map((webhook) => () => removeWebhook(webhook.Id))
+  );
+}
+
+export async function removeWebhook(webhookId: Webhook['Id']) {
+  try {
+    await axios.delete(buildUrl(webhookId));
+  } catch (err) {
+    throw parseAxiosError(err);
+  }
+}

app/react/docker/services/webhooks/types.ts

@@ -0,0 +1,16 @@
+import { Environment } from '@/react/portainer/environments/types';
+import { Registry } from '@/react/portainer/registries/types';
+
+enum WebhookType {
+  Service = 1,
+  Container = 2,
+}
+
+export interface Webhook {
+  Id: string;
+  Token: string;
+  ResourceId: string;
+  EndpointId: Environment['Id'];
+  RegistryId: Registry['Id'];
+  Type: WebhookType;
+}