fix(ui): center failed payment error modal dialog

fix LN-Zap#3183
bolatovumar · Nov 15, 2019 · b08353c · b08353c
1 parent d800a01
commit b08353c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/renderer/components/Activity/Activity.js b/renderer/components/Activity/Activity.js
@@ -76,6 +76,7 @@ const Activity = props => {
             isOpen={isErrorDialogOpen}
             onClose={hideErrorDetailsDialog}
             onCopy={onErrorDetailsCopy}
+            position="fixed"
           />
         </>
       </Panel.Body>

diff --git a/renderer/components/Activity/ErrorDetailsDialog.js b/renderer/components/Activity/ErrorDetailsDialog.js
@@ -5,7 +5,7 @@ import copy from 'copy-to-clipboard'
 import { Dialog, Text, DialogOverlay, Heading, Button } from 'components/UI'
 import messages from './messages'
 
-const ErrorDetailsDialog = ({ error, isOpen, onCopy, onClose, ...rest }) => {
+const ErrorDetailsDialog = ({ error, isOpen, onCopy, onClose, position, ...rest }) => {
   if (!isOpen) {
     return null
   }
@@ -23,7 +23,7 @@ const ErrorDetailsDialog = ({ error, isOpen, onCopy, onClose, ...rest }) => {
   }
 
   return (
-    <DialogOverlay alignItems="center" justifyContent="center">
+    <DialogOverlay alignItems="center" justifyContent="center" position={position}>
       <Dialog
         header={headerEl}
         {...rest}
@@ -47,6 +47,7 @@ ErrorDetailsDialog.propTypes = {
   isOpen: PropTypes.bool.isRequired,
   onClose: PropTypes.func.isRequired,
   onCopy: PropTypes.func.isRequired,
+  position: PropTypes.string,
 }
 
 export default ErrorDetailsDialog