mirror of
https://github.com/stashapp/stash.git
synced 2025-12-17 12:24:38 +03:00
Prettier
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user