@paroicms/front-media-gallery/dist/GalleryItem/dialogs/ConfirmDeleteDialog.jsx

Basic media gallery react component for Paroi CMS.

import { ActionButton } from "@paroicms/internal-front-lib";
import { Button } from "primereact/button";
import { useCallback } from "react";
import { useTranslation } from "react-i18next";
export default function makeConfirmDeleteDialog({ closeDialog, parameter: { onDelete }, }) {
    const { t } = useTranslation();
    const validate = useCallback(async () => {
        await onDelete();
        closeDialog({ deletionCompleted: true });
    }, [onDelete]);
    const header = t("frontMediaGallery.deleteFileModalTitle");
    const content = (<>
      <p>{t("frontMediaGallery.deleteThisFile")}</p>
    </>);
    const footer = (<>
      <Button label={t("frontMediaGallery.no")} severity="secondary" onClick={() => closeDialog()}/>
      <ActionButton label={t("frontMediaGallery.yes")} severity="danger" action={validate}/>
    </>);
    return { header, content, footer };
}