pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add loading/disabled props for confirm modal

Browse source
This commit is contained in:
jeffvli 2023-01-03 00:19:33 -08:00
parent 9537309fe2
commit 1e77e1074a
1 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/renderer/components/modal/index.tsx
View file

@ -50,15 +50,24 @@ Modal.defaultProps = {
interface ConfirmModalProps { interface ConfirmModalProps {
children: ReactNode; children: ReactNode;
disabled?: boolean;
labels?: { labels?: {
cancel?: string; cancel?: string;
confirm?: string; confirm?: string;
}; };
loading?: boolean;
onCancel?: () => void; onCancel?: () => void;
onConfirm: () => void; onConfirm: () => void;
} }
export const ConfirmModal = ({ labels, onCancel, onConfirm, children }: ConfirmModalProps) => { export const ConfirmModal = ({
loading,
disabled,
labels,
onCancel,
onConfirm,
children,
}: ConfirmModalProps) => {
const handleCancel = () => { const handleCancel = () => {
if (onCancel) { if (onCancel) {
onCancel(); onCancel();
@ -79,6 +88,8 @@ export const ConfirmModal = ({ labels, onCancel, onConfirm, children }: ConfirmM
{labels?.cancel ? labels.cancel : 'Cancel'} {labels?.cancel ? labels.cancel : 'Cancel'}
</Button> </Button>
<Button <Button
disabled={disabled}
loading={loading}
variant="filled" variant="filled"
onClick={onConfirm} onClick={onConfirm}
> >