Homarr/src/tools/config/mutations/useCopyConfigMutation.tsx

import { showNotification } from '@mantine/notifications';
import { IconCheck, IconX } from '@tabler/icons-react';
import { useMutation } from '@tanstack/react-query';
import { useTranslation } from 'next-i18next';
import { useConfigContext } from '../../../config/provider';
import { ConfigType } from '../../../types/config';
import { queryClient } from '../../server/configurations/tanstack/queryClient.tool';

export const useCopyConfigMutation = (configName: string) => {
  const { config } = useConfigContext();
  const { t } = useTranslation(['settings/general/config-changer']);

  return useMutation({
    mutationKey: ['configs/copy', { configName }],
    mutationFn: () => fetchCopy(configName, config),
    onSuccess() {
      showNotification({
        title: t('modal.copy.events.configCopied.title'),
        icon: <IconCheck />,
        color: 'green',
        autoClose: 1500,
        radius: 'md',
        message: t('modal.copy.events.configCopied.message', { configName }),
      });
      // Invalidate a query to fetch new config
      queryClient.invalidateQueries(['config/get-all']);
    },
    onError() {
      showNotification({
        title: t('modal.events.configNotCopied.title'),
        icon: <IconX />,
        color: 'red',
        autoClose: 1500,
        radius: 'md',
        message: t('modal.events.configNotCopied.message', { configName }),
      });
    },
  });
};

const fetchCopy = async (configName: string, config: ConfigType | undefined) => {
  if (!config) {
    throw new Error('config is not defiend');
  }

  const copiedConfig = config;
  copiedConfig.configProperties.name = configName;

  const response = await fetch(`/api/configs/${configName}`, {
    method: 'PUT',
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify(config),
  });
  return response.json();
};