refactor: Use footerAction instead of confirmAction

Author: ChrisChV

src/editors/containers/EditorContainer/components/CancelConfirmModal.tsx

@@ -9,31 +9,6 @@ interface CancelConfirmModalProps {
   onCloseEditor: (() => void) | null,
 }
 
-interface ActionButtonsProps {
-  closeCancelConfirmModal: () => void,
-  onCloseEditor: (() => void) | null,
-}
-
-const ActionButtons = ({
-  closeCancelConfirmModal,
-  onCloseEditor,
-}: ActionButtonsProps) => (
-  <div className="w-100 d-flex justify-content-between">
-    <Button
-      variant="outline-brand"
-      onClick={() => onCloseEditor?.()}
-    >
-      <FormattedMessage {...messages.discardChangesButtonlabel} />
-    </Button>
-    <Button
-      variant="primary"
-      onClick={closeCancelConfirmModal}
-    >
-      <FormattedMessage {...messages.keepEditingButtonLabel} />
-    </Button>
-  </div>
-);
-
 const CancelConfirmModal = ({
   isOpen,
   closeCancelConfirmModal,
@@ -43,11 +18,21 @@ const CancelConfirmModal = ({
   return (
     <BaseModal
       size="lg"
+      footerAction={(
+        <Button
+          variant="outline-brand"
+          onClick={() => onCloseEditor?.()}
+        >
+          <FormattedMessage {...messages.discardChangesButtonlabel} />
+        </Button>
+      )}
       confirmAction={(
-        <ActionButtons
-          closeCancelConfirmModal={closeCancelConfirmModal}
-          onCloseEditor={onCloseEditor}
-        />
+        <Button
+          variant="primary"
+          onClick={closeCancelConfirmModal}
+        >
+          <FormattedMessage {...messages.keepEditingButtonLabel} />
+        </Button>
       )}
       isOpen={isOpen}
       close={closeCancelConfirmModal}

src/editors/sharedComponents/BaseModal/index.jsx

@@ -48,8 +48,12 @@ const BaseModal = ({
     </Scrollable>
     <ModalDialog.Footer>
       <ActionRow>
-        {footerAction}
-        <ActionRow.Spacer />
+        {footerAction && (
+          <>
+            {footerAction}
+            <ActionRow.Spacer />
+          </>
+        )}
         {!hideCancelButton && (
           <ModalDialog.CloseButton variant="tertiary" onClick={close}>
             <FormattedMessage {...messages.cancelButtonLabel} />