attu/client/src/pages/dialogs/EmptyDataDialog.tsx

import { FC, useContext } from 'react';
import { useTranslation } from 'react-i18next';
import { rootContext } from '@/context';
import DeleteTemplate from '@/components/customDialog/DeleteDialogTemplate';
import { DataService } from '@/http';
import type { CollectionObject } from '@server/types';

export interface EmptyDataProps {
  collection: CollectionObject;
  cb?: () => void;
}

const EmptyDataDialog: FC<EmptyDataProps> = props => {
  const { cb, collection } = props;
  // UI functions
  const { openSnackBar } = useContext(rootContext);

  const { handleCloseDialog } = useContext(rootContext);
  const { t: dialogTrans } = useTranslation('dialog');
  const { t: collectionTrans } = useTranslation('collection');
  const { t: btnTrans } = useTranslation('btn');
  const { t: successTrans } = useTranslation('success');

  const handleDelete = async () => {
    // duplicate
    await DataService.emptyData(collection.collection_name);
    openSnackBar(
      successTrans('empty', {
        name: collectionTrans('collection'),
      })
    );
    // close dialog
    handleCloseDialog();
    cb && cb();
  };

  return (
    <DeleteTemplate
      label={btnTrans('empty')}
      title={dialogTrans('emptyTitle', {
        type: collectionTrans('collection'),
      })}
      compare={collection.collection_name}
      text={dialogTrans('emptyDataDialogInfo')}
      handleDelete={handleDelete}
    />
  );
};

export default EmptyDataDialog;