34 lines
1.5 KiB
TypeScript
34 lines
1.5 KiB
TypeScript
|
import React, { useState } from "react";
|
||
|
|
import { useI18n } from "../../application/i18n/I18nProvider";
|
||
|
|
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "../ui/dialog";
|
||
|
|
import { Button } from "../ui/button";
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
filename: string;
|
||
|
|
onRespond: (action: "overwrite" | "skip" | "cancel", applyToRest: boolean) => void;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const ZmodemOverwriteDialog: React.FC<Props> = ({ filename, onRespond }) => {
|
||
|
|
const { t } = useI18n();
|
||
|
|
const [applyToRest, setApplyToRest] = useState(false);
|
||
|
|
return (
|
||
|
|
<Dialog open onOpenChange={(o) => { if (!o) onRespond("cancel", false); }}>
|
||
|
|
<DialogContent>
|
||
|
|
<DialogHeader>
|
||
|
|
<DialogTitle>{t("zmodem.overwrite.title")}</DialogTitle>
|
||
|
|
</DialogHeader>
|
||
|
|
<p className="text-sm text-muted-foreground break-all">{filename}</p>
|
||
|
|
<label className="flex items-center gap-2 text-sm mt-2">
|
||
|
|
<input type="checkbox" checked={applyToRest} onChange={(e) => setApplyToRest(e.target.checked)} />
|
||
|
|
{t("zmodem.overwrite.applyToRest")}
|
||
|
|
</label>
|
||
|
|
<DialogFooter>
|
||
|
|
<Button variant="ghost" onClick={() => onRespond("cancel", applyToRest)}>{t("zmodem.overwrite.cancel")}</Button>
|
||
|
|
<Button variant="outline" onClick={() => onRespond("skip", applyToRest)}>{t("zmodem.overwrite.skip")}</Button>
|
||
|
|
<Button onClick={() => onRespond("overwrite", applyToRest)}>{t("zmodem.overwrite.overwrite")}</Button>
|
||
|
|
</DialogFooter>
|
||
|
|
</DialogContent>
|
||
|
|
</Dialog>
|
||
|
|
);
|
||
|
|
};
|