Put Channel in Closing Status

Author: casesandberg

packages/lightning-core/accounts/ChannelListItem.js

@@ -86,7 +86,7 @@ export const ChannelListItem = ({ id, capacity, localBalance, remoteBalance,
         background: 'light-gray',
       },
     },
-  }, { hover, pending: status !== 'open' })
+  }, { hover, pending: status === 'pending' || status === 'closing' })
 
   const PROMPT = 'CHANNEL_LIST/PROMPT'
 
@@ -118,7 +118,7 @@ export const ChannelListItem = ({ id, capacity, localBalance, remoteBalance,
       <div style={ styles.split }>
         <div style={ styles.id }>
           { status === 'pending' ? 'PENDING' : `CID:${ id }` }
-          { status !== 'pending' && (
+          { status !== 'pending' && status !== 'closing' && (
             <div style={ styles.closeLabel } onClick={ showPopupOrClose }>
               <Icon small name="close" />
             </div>
@@ -159,7 +159,7 @@ export default connect(
   () => ({}), {
     onShowPopup: popupActions.onOpen,
     onClosePopup: popupActions.onClose,
-    onCloseChannel: actions.closeChannel,
+    onCloseChannel: actions.startCloseChannel,
     onSuccess: notificationActions.addNotification,
     onFetchChannels: accountsActions.fetchChannels,
   },

packages/lightning-core/accounts/reducer.js

@@ -11,6 +11,7 @@ export const FETCH_CHANNELS_FAILURE = 'ACCOUNTS/FETCH_CHANNELS_FAILURE'
 export const LIST_PEERS = 'ACCOUNTS/LIST_PEERS'
 export const OPEN_CHANNEL = 'ACCOUNTS/OPEN_CHANNEL'
 export const CONNECT_PEER = 'ACCOUNTS/CONNECT_PEER'
+export const START_CLOSING_CHANNEL = 'ACCOUNTS/START_CLOSING_CHANNEL'
 export const CLOSE_CHANNEL = 'ACCOUNTS/CLOSE_CHANNEL'
 export const PENDING_CHANNELS = 'ACCOUNTS/PENDING_CHANNELS'
 export const FETCH_ACCOUNT_FAILURE = 'ACCOUNTS/FETCH_ACCOUNT_ERROR'
@@ -47,6 +48,19 @@ export default (state = initialState, action) => {
         channels: _.uniqBy([...action.channels, ...state.channels], 'channelPoint'),
         loadingChannels: false,
       }
+    case START_CLOSING_CHANNEL:
+      return {
+        ...state,
+        channels: _.map(state.channels, (c) => {
+          if (c.channelPoint === action.channelPoint) {
+            return {
+              ...c,
+              status: 'closing',
+            }
+          }
+          return c
+        }),
+      }
     case FETCH_CHANNELS_FAILURE:
       return { ...state, channels: [], loadingChannels: false }
     default: return state
@@ -200,6 +214,10 @@ export const actions = {
         .catch(rejectError)
     })
   },
+  startCloseChannel: params => (dispatch) => {
+    dispatch({ type: START_CLOSING_CHANNEL, channelPoint: params.channelPoint })
+    return dispatch(actions.closeChannel(params))
+  },
   closeChannel: ({ channelPoint, force = false }) => {
     const txid = channelPoint.split(':')[0]
     const index = channelPoint.split(':')[1]