You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
84 lines
1.9 KiB
84 lines
1.9 KiB
import webpack from "../webpack";
|
|
import { React } from "../common";
|
|
|
|
const { findByProps, findByDisplayName, findByDisplayNameAll } = webpack;
|
|
|
|
const { openModal } = findByProps("openModalLazy");
|
|
const Colors = findByProps("button", "colorRed");
|
|
const ConfirmModal = findByDisplayName("ConfirmModal");
|
|
const Markdown = findByDisplayNameAll("Markdown")[1];
|
|
|
|
function rawOpenConfirmModal(component: any, props: any, insideProps: any, insideContent: any) {
|
|
if (insideProps === undefined) {
|
|
insideProps = {};
|
|
}
|
|
if (insideContent === undefined) {
|
|
insideContent = "";
|
|
}
|
|
let confirmed;
|
|
openModal((e: {transitionState: any, onClose: () => void}) => {
|
|
if (e.transitionState === 3) {
|
|
return false; //TODO: the fuck does this do?
|
|
}
|
|
|
|
return (
|
|
<ConfirmModal
|
|
transitionState={e.transitionState}
|
|
onClose={() => (confirmed = false)}
|
|
//@ts-ignore
|
|
onCancel={() => (confirmed = false & e.onClose())}
|
|
//@ts-ignore
|
|
onConfirm={() => (confirmed = true & e.onClose())}
|
|
{...props}
|
|
>
|
|
{/* @ts-ignore */}
|
|
<component {...insideProps}>{insideContent}</component>
|
|
</ConfirmModal>
|
|
);
|
|
});
|
|
while (confirmed === undefined) {}
|
|
return confirmed;
|
|
}
|
|
|
|
function openConfirmModal(content: string, type: string, opts: {
|
|
header: string,
|
|
confirmText: string,
|
|
cancelText: string,
|
|
color: any
|
|
}) {
|
|
let buttonColor;
|
|
if (!!opts.color) {
|
|
buttonColor = opts.color;
|
|
} else {
|
|
switch (type) {
|
|
case "danger":
|
|
buttonColor = Colors.colorRed;
|
|
break;
|
|
case "confirm":
|
|
buttonColor = Colors.colorGreen;
|
|
break;
|
|
default:
|
|
buttonColor = Colors.colorBrandNew;
|
|
break;
|
|
}
|
|
}
|
|
return rawOpenConfirmModal(
|
|
Markdown,
|
|
{
|
|
header: opts.header ?? "Default Modal Header",
|
|
confirmText: opts.confirmText ?? "Confirm",
|
|
cancelText: opts.cancelText ?? "Cancel",
|
|
confirmButtonColor: buttonColor
|
|
},
|
|
{
|
|
editable: false
|
|
},
|
|
content ?? "Default modal content"
|
|
);
|
|
}
|
|
|
|
export default {
|
|
rawOpenConfirmModal,
|
|
openConfirmModal
|
|
};
|