update

components/MeterCard.js

@@ -40,27 +40,51 @@ const MeterCard = ({ item, onPressEachCard, data, isFocused, ...rest }) => {
 				]}
 			/> */}
 			{/* <View style={[styles.meterOnInner, { backgroundColor: breakerStatus === 1 ? 'rgba(65, 204, 0, 0.2)' : 'rgba(223, 0, 0, 0.2)'}]} /> */}
-			<View style={[theme.centerContainer, { paddingLeft: 10 }]}>
-				{item.img ? (
+			<View style={[theme.centerContainer, { padding: 20 }]}>
+				{/* {item.img ? (
 					<Image source={{ uri: item.img }} style={styles.meterImgStyle} />
 				) : (
 					<View style={[styles.meterImgStyle, { flex: 1, justifyContent: 'center', alignContent: 'center' }]}>
 						<Text style={{ fontSize: 10 }}>No Img</Text>
 					</View>
-				)}
+				)} */}
+				<View style={{ backgroundColor: color.lightGrey, flex: 1, aspectRatio: 1, borderRadius: 8 }}>
+					<View
+						style={{
+							width: 15,
+							height: 15,
+							borderRadius: 100,
+							backgroundColor: color.lightGrey,
+							position: 'absolute',
+							top: -8,
+							right: -8,
+							alignItems: 'center',
+							justifyContent: 'center',
+						}}
+					>
+						<View
+							style={{
+								backgroundColor: breakerStatus === 1 ? '#10ca88' : '#d8d8d8',
+								width: 10,
+								height: 10,
+								borderRadius: 100,
+							}}
+						/>
+					</View>
+				</View>
 			</View>
-			<View style={[theme.containerWithPadding, { flex: 2 }]}>
+			<View style={[theme.containerWithPadding, { flex: 2, paddingLeft: 0 }]}>
 				<Text style={[theme.smallTitle]}>{item.name}</Text>
 				<Text style={[theme.description, theme.mt1]} numberOfLines={2}>
 					{item.description || 'No description'}
 				</Text>
 			</View>
 			<View style={[theme.rowContainer, { position: 'absolute', top: 10, right: 5 }]}>
-				<View
+				{/* <View
 					style={[styles.online, { backgroundColor: item.onlineStatus === 1 ? '#10ca88' : color.primary }]}
-				/>
+				/> */}
 				<Icon name={item.isSharing ? 'users' : 'user'} type="FontAwesome" style={styles.iconStyle} />
-				<Icon name="wifi" type="FontAwesome" style={styles.iconStyle} />
+				<Icon name={item.onlineStatus === 1 ? 'wifi' : 'wifi-off'} type="Feather" style={styles.iconStyle} />
 			</View>
 		</>
 	);

screens/Private/SmartMeterScreen/McbLinkScreen.js

@@ -460,6 +460,15 @@ class McbLinkScreen extends Component {
 				borderRadius: 100,
 				marginVertical: 10,
 				marginHorizontal: 5,
+				shadowColor: '#000',
+				shadowOffset: {
+					width: 0,
+					height: 1,
+				},
+				shadowOpacity: 0.18,
+				shadowRadius: 1.0,
+
+				elevation: 1,
 			},
 			style: { backgroundColor: color.defaultBg },
 		};