packages/plugins/i18n/admin/src/components/DeleteLocale.tsx - develop - githubmirror/strapi

packages/plugins/i18n/admin/src/components/DeleteLocale.tsx

81 строка2 KB

Nico André

chore(lint): add non-blocking oxlint setup (#26923)

31 июл 2026, 16:56

31 июл 2026, 16:566469af3

import * as React from 'react';

import { ConfirmDialog, useAPIErrorHandler, useNotification } from '@strapi/admin/strapi-admin';
import { Dialog, IconButton } from '@strapi/design-system';
import { Trash } from '@strapi/icons';
import { useIntl } from 'react-intl';

import { useDeleteLocaleMutation } from '../services/locales';
import { getTranslation } from '../utils/getTranslation';

import type { Locale } from '../../../shared/contracts/locales';

/* -------------------------------------------------------------------------------------------------
 * DeleteLocale
 * -----------------------------------------------------------------------------------------------*/

interface DeleteLocaleProps extends Locale {}

const DeleteLocale = ({ id, name }: DeleteLocaleProps) => {
  const { formatMessage } = useIntl();
  const { toggleNotification } = useNotification();
  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();

  const [visible, setVisible] = React.useState(false);

  const [deleteLocale] = useDeleteLocaleMutation();
  const handleConfirm = async () => {
    try {
      const res = await deleteLocale(id);

      if ('error' in res) {
        toggleNotification({ type: 'danger', message: formatAPIError(res.error) });

        return;
      }

      toggleNotification({
        type: 'success',
        message: formatMessage({
          id: getTranslation('Settings.locales.modal.delete.success'),
          defaultMessage: 'Deleted locale',
        }),
      });

      setVisible(false);
    } catch {
      toggleNotification({
        type: 'danger',
        message: formatMessage({
          id: 'notification.error',
          defaultMessage: 'An error occurred, please try again',
        }),
      });
    }
  };

  return (
    <Dialog.Root open={visible} onOpenChange={setVisible}>
      <Dialog.Trigger>
        <IconButton
          onClick={() => setVisible(true)}
          label={formatMessage(
            {
              id: getTranslation('Settings.list.actions.delete'),
              defaultMessage: 'Delete {name} locale',
            },
            {
              name,
            }
          )}
          variant="ghost"
        >
          <Trash />
        </IconButton>
      </Dialog.Trigger>
      <ConfirmDialog onConfirm={handleConfirm} />
    </Dialog.Root>
  );
};

export { DeleteLocale };