.

screens/Private/SmartMeterScreen/McbLinkScreen.js

@@ -22,7 +22,7 @@ let checkedTimes = 0;
 class McbLinkScreen extends React.Component {
 	static navigationOptions = ({ navigation }) => {
 		return {
-			title: navigation.getParam('mcbLink').name,
+			title: navigation.getParam('mcbLink').name || `MCB Link ${navigation.getParam('mcbIndex') + 1}`,
 			headerLeft: (
 				<HeaderButtons HeaderButtonComponent={IoniconsHeaderButton}>
 					<Item title="back" iconName="ios-arrow-back" onPress={() => navigation.pop()} />
@@ -136,14 +136,16 @@ class McbLinkScreen extends React.Component {
 			<View style={[theme.container, theme.containerWithPadding]}>
 				<Card style={{ borderRadius: 10, padding: 10, paddingHorizontal: 15, borderColor: 'transparent' }}>
 					<View style={[theme.rowContainer, { justifyContent: 'space-between' }]}>
-						<Text style={[theme.smallTitle, theme.textDark]}>{item.name}</Text>
+						<Text style={[theme.smallTitle, theme.textDark]}>
+							{item.name || `Sub Breaker ${index + 1}`}
+						</Text>
 						<Switch
 							disabled={isWaiting ? true : false}
 							value={subStatus}
 							onValueChange={value => handleOnPressSubBreakerSwitch(value)}
 						/>
 					</View>
-					<Text style={[theme.description, theme.mt1]}>{item.description}</Text>
+					<Text style={[theme.description, theme.mt1]}>{item.description || 'No description'}</Text>
 				</Card>
 
 				{this.renderData(item)}
@@ -158,21 +160,25 @@ class McbLinkScreen extends React.Component {
 	};
 	renderData = item => {
 		const data = item.data;
-		return (
-			<View style={{ flexDirection: 'row' }}>
-				{Object.keys(data).map((key, index) => (
-					<Card style={[styles.dataCard, { marginRight: index === 2 ? 0 : 10 }]} key={`data${index}`}>
-						<Text style={styles.dataTitle} numberOfLines={1}>
-							{key === 'AMP' ? 'Current' : key === 'ARC' ? 'Arcing Fault' : 'Leakage Current'}
-						</Text>
-						<Text style={styles.dataCurrent}>
-							{data[key]}{' '}
-							{key === 'ARC' ? null : <Text style={styles.dataUnit}>{key === 'AMP' ? 'A' : 'mA'}</Text>}
-						</Text>
-					</Card>
-				))}
-			</View>
-		);
+		if (data) {
+			return (
+				<View style={{ flexDirection: 'row' }}>
+					{Object.keys(data).map((key, index) => (
+						<Card style={[styles.dataCard, { marginRight: index === 2 ? 0 : 10 }]} key={`data${index}`}>
+							<Text style={styles.dataTitle} numberOfLines={1}>
+								{key === 'AMP' ? 'Current' : key === 'ARC' ? 'Arcing Fault' : 'Leakage Current'}
+							</Text>
+							<Text style={styles.dataCurrent}>
+								{data[key]}{' '}
+								{key === 'ARC' ? null : (
+									<Text style={styles.dataUnit}>{key === 'AMP' ? 'A' : 'mA'}</Text>
+								)}
+							</Text>
+						</Card>
+					))}
+				</View>
+			);
+		}
 	};
 	renderElectronic = item => {
 		const { toggleDel } = this.state;
@@ -410,7 +416,7 @@ class McbLinkScreen extends React.Component {
 					}}
 				>
 					{subBreakersInfo.map((item, index) => (
-						<Tab heading={item.name} {...TabStyle} key={`tab${index}`}>
+						<Tab heading={item.name || `Sub Breaker ${index + 1}`} {...TabStyle} key={`tab${index}`}>
 							{this.renderSubbreaker(item, index)}
 						</Tab>
 					))}