homeio

1"use client";
2
3import { useMutation, useQueryClient } from "@tanstack/react-query";
4import type { ContainerCustomization } from "@/lib/shared/contracts/docker";
5
6async function putContainerCustomization(
7  containerName: string,
8  customization: ContainerCustomization,
9) {
10  const response = await fetch(
11    `/api/v1/docker/containers/${encodeURIComponent(containerName)}/customization`,
12    {
13      method: "PUT",
14      headers: { "Content-Type": "application/json" },
15      body: JSON.stringify(customization),
16    },
17  );
18
19  if (!response.ok) {
20    const json = (await response.json().catch(() => null)) as {
21      error?: string;
22    } | null;
23    throw new Error(json?.error ?? `Failed to save settings (${response.status})`);
24  }
25
26  const json = (await response.json()) as { data: ContainerCustomization };
27  return json.data;
28}
29
30/** Save the name, icon and link shown for a container Homeio did not deploy. */
31export function useContainerCustomization(containerName: string) {
32  const queryClient = useQueryClient();
33
34  return useMutation({
35    mutationFn: (customization: ContainerCustomization) =>
36      putContainerCustomization(containerName, customization),
37    onSuccess: () =>
38      queryClient.invalidateQueries({
39        queryKey: ["docker", "unmanaged-containers"],
40      }),
41  });
42}
43