feat(ui): add fallback address to RequestSummary

renderer/components/Request/Request.js

@@ -22,6 +22,7 @@ class Request extends React.Component {
     }).isRequired,
     chainName: PropTypes.string.isRequired,
     createInvoice: PropTypes.func.isRequired,
+    createNewAddress: PropTypes.func.isRequired,
     cryptoUnit: PropTypes.string.isRequired,
     cryptoUnitName: PropTypes.string.isRequired,
     fetchTickers: PropTypes.func.isRequired,

renderer/components/Request/RequestSummary.js

@@ -36,6 +36,9 @@ const RequestSummary = ({ invoice = {}, payReq, intl, showNotification, ...rest
   const descriptionTag = tags.find(tag => tag.tagName === 'description') || {}
   const memo = descriptionTag.data
 
+  const fallbackTag = tags.find(tag => tag.tagName === 'fallback_address')
+  const fallback = fallbackTag && fallbackTag.data.address
+
   const getStatusColor = () => {
     if (invoice.settled) {
       return 'superGreen'
@@ -74,6 +77,13 @@ const RequestSummary = ({ invoice = {}, payReq, intl, showNotification, ...rest
         </>
       )}
 
+      {fallback && (
+        <>
+          <Bar variant="light" />
+          <DataRow left={<FormattedMessage {...messages.fallback_address} />} right={fallback} />
+        </>
+      )}
+
       <Bar variant="light" />
 
       <DataRow

renderer/containers/Request.js

@@ -1,6 +1,7 @@
 import { connect } from 'react-redux'
 import { Request } from 'components/Request'
 import { fetchTickers, tickerSelectors } from 'reducers/ticker'
+import { createNewAddress } from 'reducers/address'
 import { createInvoice, invoiceSelectors } from 'reducers/invoice'
 import { showNotification, showError } from 'reducers/notification'
 import { walletSelectors } from 'reducers/wallet'