Merge pull request #1047 from lightninglabs/hide-channel-close-btn

Hide channel close btn

Author: valentinewallace

src/view/channel-detail-mobile.js

@@ -48,20 +48,29 @@ const ChannelDetailView = ({ store, nav }) => (
         <DetailField name="Status">
           {store.selectedChannel.statusLabel}
         </DetailField>
+        {store.selectedChannel.timeTilAvailable ? (
+          <DetailField name="Time Til Available">
+            {store.selectedChannel.timeTilAvailable}
+          </DetailField>
+        ) : null}
         <DetailField name="Capacity">
           {store.selectedChannel.capacityLabel} {store.unitLabel}
         </DetailField>
         <DetailField name="Balance">
           {store.selectedChannel.localBalanceLabel} {store.unitLabel}
         </DetailField>
-        <View style={styles.btnWrapper}>
-          <Button
-            style={styles.deleteBtn}
-            onPress={() => nav.goChannelDelete()}
-          >
-            <ButtonText style={styles.deleteBtnText}>CLOSE CHANNEL</ButtonText>
-          </Button>
-        </View>
+        {!/close|closing/i.test(store.selectedChannel.status) ? (
+          <View style={styles.btnWrapper}>
+            <Button
+              style={styles.deleteBtn}
+              onPress={() => nav.goChannelDelete()}
+            >
+              <ButtonText style={styles.deleteBtnText}>
+                CLOSE CHANNEL
+              </ButtonText>
+            </Button>
+          </View>
+        ) : null}
       </Card>
     </MainContent>
   </SplitBackground>

src/view/channel-detail.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StyleSheet } from 'react-native';
+import { View, StyleSheet } from 'react-native';
 import { observer } from 'mobx-react';
 import PropTypes from 'prop-types';
 import Background from '../component/background';
@@ -24,6 +24,9 @@ const styles = StyleSheet.create({
     color: color.pinkSig,
     fontSize: font.sizeS,
   },
+  bottomPadding: {
+    paddingBottom: 30,
+  },
 });
 
 const ChannelDetailView = ({ store, nav }) => (
@@ -59,9 +62,16 @@ const ChannelDetailView = ({ store, nav }) => (
         <DetailField name="Balance">
           {store.selectedChannel.localBalanceLabel} {store.unitLabel}
         </DetailField>
-        <Button style={styles.deleteBtn} onPress={() => nav.goChannelDelete()}>
-          <ButtonText style={styles.deleteBtnText}>CLOSE CHANNEL</ButtonText>
-        </Button>
+        {!/close|closing/i.test(store.selectedChannel.status) ? (
+          <Button
+            style={styles.deleteBtn}
+            onPress={() => nav.goChannelDelete()}
+          >
+            <ButtonText style={styles.deleteBtnText}>CLOSE CHANNEL</ButtonText>
+          </Button>
+        ) : (
+          <View style={styles.bottomPadding} />
+        )}
       </Modal>
     </MainContent>
   </Background>