feat(ui): display timelock for force closing channels

renderer/components/Channels/ChannelData.js

@@ -24,6 +24,8 @@ const ChannelData = ({ channel, cryptoUnitName, intl, networkInfo, viewMode, ...
     totalSatoshisSent,
     totalSatoshisReceived,
     csvDelay,
+    maturityHeight,
+    blocksTilMaturity,
     activity,
     numUpdates,
     fundingTxTimestamp,
@@ -135,6 +137,18 @@ const ChannelData = ({ channel, cryptoUnitName, intl, networkInfo, viewMode, ...
       value: <Text>{csvDelay}</Text>,
     }),
 
+    maturityHeight: () => ({
+      label: <FormattedMessage {...messages.maturity_height_label} />,
+      body: <FormattedMessage {...messages.maturity_height_description} />,
+      value: <Text>{maturityHeight}</Text>,
+    }),
+
+    blocksTilMaturity: () => ({
+      label: <FormattedMessage {...messages.blocks_til_maturity_label} />,
+      body: <FormattedMessage {...messages.blocks_til_maturity_description} />,
+      value: <Text>{blocksTilMaturity}</Text>,
+    }),
+
     totalSatoshisSent: () => ({
       label: <FormattedMessage {...messages.total_sent_label} />,
       body: <FormattedMessage {...messages.total_sent_description} />,
@@ -194,11 +208,13 @@ const ChannelData = ({ channel, cryptoUnitName, intl, networkInfo, viewMode, ...
     viewMode === CHANNEL_DATA_VIEW_MODE_BASIC
       ? [isClosing ? 'closingTxid' : 'channelPoint', 'numUpdates', 'csvDelay', 'activity']
       : [
-          'channelPoint',
           'fundingTxTimestamp',
+          'channelPoint',
           'closingTxid',
           'numUpdates',
           'csvDelay',
+          'maturityHeight',
+          'blocksTilMaturity',
           'activity',
           'totalSatoshisSent',
           'totalSatoshisReceived',

renderer/components/Channels/messages.js

@@ -118,4 +118,9 @@ export default defineMessages({
   no_search_results: 'Your search did not return any results.',
   crypto_amount_with_unit: '{amount} {cryptoUnitName}',
   channels_filter_hint: 'Channels filter',
+  maturity_height_label: 'Maturity height',
+  maturity_height_description: 'The height at which funds can be swept into the wallet.',
+  blocks_til_maturity_label: 'Blocks til maturity',
+  blocks_til_maturity_description:
+    'Remaining # of blocks until the commitment output can be swept. Negative values indicate how many blocks have passed since becoming mature.',
 })

renderer/reducers/channels/utils.js

@@ -10,7 +10,9 @@ import { getNodeDisplayName } from 'reducers/network'
  * @param {object} channelObj Channel object
  * @returns {object} Channel data
  */
-export const getChannelData = channelObj => channelObj.channel || channelObj
+export const getChannelData = channelObj => {
+  return channelObj.channel ? { ...channelObj, ...channelObj.channel } : channelObj
+}
 
 /**
  * getRemoteNodePubKey - Get the remote pubkey depending on what type of channel.