feat: introduce propTypes

packages/web/src/components/ConfirmationDialog/index.jsx

@@ -1,18 +1,20 @@
 import * as React from 'react';
+import PropTypes from 'prop-types';
 import Button from '@mui/material/Button';
 import Dialog from '@mui/material/Dialog';
 import DialogActions from '@mui/material/DialogActions';
 import DialogContent from '@mui/material/DialogContent';
 import DialogContentText from '@mui/material/DialogContentText';
 import DialogTitle from '@mui/material/DialogTitle';
-export default function ConfirmationDialog(props) {
+
+function ConfirmationDialog(props) {
   const {
     onClose,
     onConfirm,
     title,
     description,
     cancelButtonChildren,
-    confirmButtionChildren,
+    confirmButtonChildren,
     open = true,
   } = props;
   const dataTest = props['data-test'];
@@ -32,16 +34,29 @@ export default function ConfirmationDialog(props) {
           </Button>
         )}
 
-        {confirmButtionChildren && onConfirm && (
+        {confirmButtonChildren && onConfirm && (
           <Button
             onClick={onConfirm}
             color="error"
             data-test="confirmation-confirm-button"
           >
-            {confirmButtionChildren}
+            {confirmButtonChildren}
           </Button>
         )}
       </DialogActions>
     </Dialog>
   );
 }
+
+ConfirmationDialog.propTypes = {
+  onClose: PropTypes.func.isRequired,
+  onConfirm: PropTypes.func.isRequired,
+  title: PropTypes.node.isRequired,
+  description: PropTypes.node.isRequired,
+  cancelButtonChildren: PropTypes.node.isRequired,
+  confirmButtonChildren: PropTypes.node.isRequired,
+  open: PropTypes.bool,
+  'data-test': PropTypes.string,
+};
+
+export default ConfirmationDialog;