add onClickDeleteBtn

src/client/js/components/Page/PageManagement.jsx

@@ -25,8 +25,9 @@ const PageManagement = (props) => {
     setIsPageDeleteModalShown(false);
   }
 
-  async function onClickDeleteBtn() {
-    console.log('pushed');
+  async function onClickDeleteBtn(recursively, completely) {
+    console.log(completely);
+    console.log(recursively);
   }
 
   function renderDropdownItemForNotTopPage() {

src/client/js/components/Page/TrashPageAlert.jsx

@@ -48,8 +48,9 @@ const TrashPageAlert = (props) => {
     }
   }
 
-  async function onClickDeleteBtn() {
-    console.log('pushed');
+  async function onClickDeleteBtn(recursively, completely) {
+    console.log(completely);
+    console.log(recursively);
   }
 
   function renderEmptyButton() {

src/client/js/components/PageDeleteModal.jsx

@@ -42,6 +42,10 @@ const PageDeleteModal = (props) => {
     setIsDeleteCompletely(!isDeleteCompletely);
   }
 
+  function deleteButtonHandler() {
+    onClickSubmit(isDeleteRecursively, isDeleteCompletely);
+  }
+
   function renderDeleteRecursivelyForm() {
     return (
       <div className="custom-control custom-checkbox custom-checkbox-warning">
@@ -97,7 +101,7 @@ const PageDeleteModal = (props) => {
         {!isDeleteCompletelyModal && renderDeleteCompletelyForm()}
       </ModalBody>
       <ModalFooter>
-        <button type="button" className={`m-l-10 btn btn-${deleteIconAndKey[deleteMode].color}`} onClick={onClickSubmit}>
+        <button type="button" className={`m-l-10 btn btn-${deleteIconAndKey[deleteMode].color}`} onClick={deleteButtonHandler}>
           <i className={`icon-${deleteIconAndKey[deleteMode].icon}`} aria-hidden="true"></i>
           { t(`modal_delete.delete_${deleteIconAndKey[deleteMode].translationKey}`) }
         </button>