Files
homarr/apps/nextjs/src/components/backup/restore-confirmation.tsx
T

35 lines
1.0 KiB
TypeScript

"use client";
import { IconDatabaseImport } from "@tabler/icons-react";
import { useI18n } from "@homarr/translation/client";
import { DangerousActionConfirmation } from "./dangerous-action-confirmation";
interface RestoreConfirmationProps {
onConfirm: () => void;
onCancel: () => void;
disabled?: boolean;
}
export const RestoreConfirmation = ({ onConfirm, onCancel, disabled }: RestoreConfirmationProps) => {
const t = useI18n("management.page.tool.backup.restore.confirm");
const tBackup = useI18n("management.page.tool.backup");
const tCommon = useI18n("common");
return (
<DangerousActionConfirmation
title={t("title")}
warningTitle={t("warningTitle")}
warningBody={t("warningBody")}
typePrompt={tBackup("confirm.typePrompt", { phrase: "I understand" })}
submitLabel={t("submit")}
submitIcon={<IconDatabaseImport size={16} />}
cancelLabel={tCommon("action.cancel")}
onConfirm={onConfirm}
onCancel={onCancel}
disabled={disabled}
/>
);
};