Refactor confirmation dialog into new class

This commit is contained in:
2021-10-21 21:51:10 +01:00
parent d5c6850f49
commit f0d4087eba
3 changed files with 41 additions and 36 deletions

29
src/ConfirmationDialog.js Normal file
View File

@@ -0,0 +1,29 @@
import React from 'react';
import Button from './Button';
export default function ConfirmationDialog(props) {
return (
<>
<div className="overlay" onClick={props.noFunction}></div>
<div className="overlay-content confirmation-dialog">
<h3>{props.message}</h3>
<div className="button-container">
<Button
onClick={props.noFunction}
loading={props.loading}
disabled={props.loading}
>
No
</Button>
<Button
onClick={props.yesFunction}
loading={props.loading}
disabled={props.loading}
>
Yes
</Button>
</div>
</div>
</>
)
}