feat(settings): add channel status for unusable (#2338)

Author: pwltr

src/screens/Settings/Lightning/ChannelDetails.tsx

@@ -258,7 +258,11 @@ const ChannelDetails = ({
 					<View style={styles.sectionTitle}>
 						<Caption13Up color="secondary">{t('status')}</Caption13Up>
 					</View>
-					<ChannelStatus status={channel.status} order={blocktankOrder} />
+					<ChannelStatus
+						status={channel.status}
+						order={blocktankOrder}
+						isUsable={channel.is_usable}
+					/>
 				</View>
 
 				{order && (

src/screens/Settings/Lightning/ChannelStatus.tsx

@@ -23,16 +23,29 @@ import {
 
 const ChannelStatus = ({
 	status,
+	isUsable,
 	order,
 }: {
 	status: EChannelStatus;
+	isUsable: boolean;
 	order?: IBtOrder;
 }): ReactElement => {
 	const { t } = useTranslation('lightning');
 
 	// Use open/closed status from LDK if available
 	switch (status) {
 		case EChannelStatus.open: {
+			if (!isUsable) {
+				return (
+					<View style={styles.statusRow}>
+						<ThemedView style={styles.statusIcon} color="yellow16">
+							<LightningIcon color="yellow" width={16} height={16} />
+						</ThemedView>
+						<BodyMSB color="yellow">{t('order_state.inactive')}</BodyMSB>
+					</View>
+				);
+			}
+
 			return (
 				<View style={styles.statusRow}>
 					<ThemedView style={styles.statusIcon} color="green16">

src/utils/i18n/locales/en/lightning.json

@@ -563,6 +563,9 @@
 		},
 		"open": {
 			"string": "Connection open"
+		},
+		"inactive": {
+			"string": "Connection inactive"
 		}
 	},
 	"wait_text_top": {