Fix <Modal> footers with long-text or lots of buttons

2021-05-27 11:43:39 -04:00 · 2021-05-27 11:43:39 -04:00 · 7038a3f3ab
commit 7038a3f3ab
parent 6664315e3a
9 changed files with 48 additions and 20 deletions
--- a/ts/components/ConfirmationDialog.tsx
+++ b/ts/components/ConfirmationDialog.tsx
@ -78,7 +78,7 @@ export const ConfirmationDialog = React.memo(
    return (
      <Modal i18n={i18n} onClose={cancelAndClose} title={title} theme={theme}>
        {children}
-        <Modal.Footer>
+        <Modal.ButtonFooter>
          <Button
            onClick={handleCancel}
            ref={focusRef}
@ -101,7 +101,7 @@ export const ConfirmationDialog = React.memo(
              {action.text}
            </Button>
          ))}
-        </Modal.Footer>
+        </Modal.ButtonFooter>
      </Modal>
    );
  }