This commit is contained in:
Infinite
2020-01-20 21:56:23 +01:00
parent 9827647122
commit 244c8ff234
82 changed files with 3729 additions and 2304 deletions

View File

@@ -1,11 +1,11 @@
import React from "react";
import { Button, Modal } from 'react-bootstrap';
import { Icon } from 'src/components/Shared';
import { IconName } from '@fortawesome/fontawesome-svg-core';
import { Button, Modal } from "react-bootstrap";
import { Icon } from "src/components/Shared";
import { IconName } from "@fortawesome/fontawesome-svg-core";
interface IButton {
text?: string;
variant?: 'danger'|'primary';
variant?: "danger" | "primary";
onClick?: () => void;
}
@@ -18,27 +18,42 @@ interface IModal {
accept?: IButton;
}
const ModalComponent: React.FC<IModal> = ({ children, show, icon, header, cancel, accept, onHide }) => ((
<Modal
keyboard={false}
onHide={onHide}
show={show}
>
const ModalComponent: React.FC<IModal> = ({
children,
show,
icon,
header,
cancel,
accept,
onHide
}) => (
<Modal keyboard={false} onHide={onHide} show={show}>
<Modal.Header>
{ icon ? <Icon icon={icon} /> : '' }
<span>{ header ?? '' }</span>
{icon ? <Icon icon={icon} /> : ""}
<span>{header ?? ""}</span>
</Modal.Header>
<Modal.Body>{children}</Modal.Body>
<Modal.Footer>
<div>
{ cancel
? <Button variant={cancel.variant ?? 'primary'} onClick={cancel.onClick}>{cancel.text ?? 'Cancel'}</Button>
: ''
}
<Button variant={accept?.variant ?? 'primary'} onClick={accept?.onClick}>{accept?.text ?? 'Close'}</Button>
{cancel ? (
<Button
variant={cancel.variant ?? "primary"}
onClick={cancel.onClick}
>
{cancel.text ?? "Cancel"}
</Button>
) : (
""
)}
<Button
variant={accept?.variant ?? "primary"}
onClick={accept?.onClick}
>
{accept?.text ?? "Close"}
</Button>
</div>
</Modal.Footer>
</Modal>
));
);
export default ModalComponent;