65 lines
1.8 KiB
TypeScript
65 lines
1.8 KiB
TypeScript
import ActionDialog from "@dashboard/components/ActionDialog";
|
|
import { getStringOrPlaceholder } from "@dashboard/misc";
|
|
import { DialogContentText } from "@material-ui/core";
|
|
import { ConfirmButtonTransitionState } from "@saleor/macaw-ui";
|
|
import React from "react";
|
|
import { FormattedMessage, useIntl } from "react-intl";
|
|
|
|
import msgs from "./messages";
|
|
|
|
export interface AppDeleteDialogProps {
|
|
confirmButtonState: ConfirmButtonTransitionState;
|
|
open: boolean;
|
|
name?: string | null;
|
|
onClose: () => void;
|
|
onConfirm: () => void;
|
|
type: "CUSTOM" | "EXTERNAL";
|
|
}
|
|
|
|
const AppDeleteDialog: React.FC<AppDeleteDialogProps> = ({
|
|
confirmButtonState,
|
|
open,
|
|
name,
|
|
onClose,
|
|
onConfirm,
|
|
type,
|
|
}) => {
|
|
const intl = useIntl();
|
|
|
|
const isNameMissing = name === null || name === "";
|
|
const isExternal = type === "EXTERNAL";
|
|
|
|
const getMainText = () => {
|
|
if (isNameMissing && isExternal) {
|
|
return intl.formatMessage(msgs.deleteApp);
|
|
}
|
|
if (isNameMissing) {
|
|
return intl.formatMessage(msgs.deleteLocalApp);
|
|
}
|
|
if (isExternal) {
|
|
return intl.formatMessage(msgs.deleteNamedApp, {
|
|
name: <strong>{getStringOrPlaceholder(name)}</strong>,
|
|
});
|
|
}
|
|
return intl.formatMessage(msgs.deleteLocalNamedApp, {
|
|
name: <strong>{getStringOrPlaceholder(name)}</strong>,
|
|
});
|
|
};
|
|
|
|
return (
|
|
<ActionDialog
|
|
confirmButtonState={confirmButtonState}
|
|
open={open}
|
|
onClose={onClose}
|
|
onConfirm={onConfirm}
|
|
title={intl.formatMessage(msgs.deleteAppTitle)}
|
|
variant="delete"
|
|
>
|
|
<DialogContentText data-test-id="dialog-content">
|
|
{getMainText()} <FormattedMessage {...msgs.deleteAppQuestion} />
|
|
</DialogContentText>
|
|
</ActionDialog>
|
|
);
|
|
};
|
|
AppDeleteDialog.displayName = "AppDeleteDialog";
|
|
export default AppDeleteDialog;
|