[FIX] Read receipt crashing in some cases (#2464)

app/views/ReadReceiptView/index.js

@@ -100,6 +100,9 @@ class ReadReceiptView extends React.Component {
 			Message_TimeFormat, user: { id: userId, token }, baseUrl, theme
 		} = this.props;
 		const time = moment(item.ts).format(Message_TimeFormat);
+		if (!item?.user?.username) {
+			return null;
+		}
 		return (
 			<View style={[styles.itemContainer, { backgroundColor: themes[theme].backgroundColor }]}>
 				<Avatar
@@ -112,7 +115,7 @@ class ReadReceiptView extends React.Component {
 				<View style={styles.infoContainer}>
 					<View style={styles.item}>
 						<Text style={[styles.name, { color: themes[theme].titleText }]}>
-							{item.user.name}
+							{item?.user?.name}
 						</Text>
 						<Text style={{ color: themes[theme].auxiliaryText }}>
 							{time}
@@ -142,7 +145,6 @@ class ReadReceiptView extends React.Component {
 		return (
 			<SafeAreaView testID='read-receipt-view' theme={theme}>
 				<StatusBar theme={theme} />
-				<View>
 				{loading
 					? <ActivityIndicator theme={theme} />
 					: (
@@ -160,7 +162,6 @@ class ReadReceiptView extends React.Component {
 							keyExtractor={item => item._id}
 						/>
 					)}
-				</View>
 			</SafeAreaView>
 		);
 	}

app/views/ReadReceiptView/styles.js

@@ -29,7 +29,6 @@ export default StyleSheet.create({
 		padding: 10
 	},
 	list: {
-		...sharedStyles.separatorVertical,
-		marginVertical: 10
+		...sharedStyles.separatorVertical
 	}
 });