Clean up unseen UI hints

src/Screens/Main/Chat/MessageList/MemoizedRenderItem.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as RN from 'react-native';
 
-import Message, { MessageProps } from './Message';
+import Message from './Message';
 import DateBubble from './DateBubble';
 import Spinner from 'src/Screens/components/Spinner';
 import { Renderable } from '.';
@@ -27,19 +27,7 @@ const RenderItem: React.FC<Props> = ({ item }) => {
 const equalProps = (
   prevProps: React.ComponentProps<typeof RenderItem>,
   nextProps: React.ComponentProps<typeof RenderItem>,
-) => {
-  if (
-    Object.prototype.hasOwnProperty.call(nextProps.item, 'isSeen') &&
-    Object.prototype.hasOwnProperty.call(prevProps.item, 'isSeen')
-  ) {
-    const prev = prevProps.item as MessageProps;
-    const next = nextProps.item as MessageProps;
-
-    return prev.id === next.id && prev.isSeen === next.isSeen;
-  }
-
-  return prevProps.item.id === nextProps.item.id;
-};
+) => prevProps.item.id === nextProps.item.id;
 
 export const MemoizedRenderItem = React.memo(RenderItem, equalProps);
 

src/Screens/Main/Chat/MessageList/Message.tsx

@@ -20,18 +20,14 @@ const Message = ({ value: message }: MessageProps) => {
   const bubbleStyle =
     type === 'Received' ? styles.leftBubble : styles.rightBubble;
 
-  // TODO: Visual aid, remove this after review
-  const isSeenBorder = type === 'Received' &&
-    !message.isSeen && { borderWidth: 2, borderColor: colors.orangeLight };
-
   const addZero = (n: number) => (n < 10 ? `0${n}` : `${n}`);
   const date = new Date(sentTime);
   const hours = addZero(date.getHours());
   const minutes = addZero(date.getMinutes());
   const timeText = `${hours}:${minutes}`;
 
   return (
-    <RN.View style={[bubbleStyle, isSeenBorder, styles.bubble]}>
+    <RN.View style={[bubbleStyle, styles.bubble]}>
       <RN.View>
         <RN.Text style={styles.text}>{content}</RN.Text>
       </RN.View>

src/Screens/Main/Chat/MessageList/index.tsx

@@ -94,8 +94,6 @@ export const MessageList = ({
   const dispatch = useDispatch();
 
   const getPreviousMessagesIfNotLoading = () => {
-    console.log('messageList.length', messageList.length);
-
     if (isLoading || messageList.length < messageApi.MAX_MESSAGES_AT_ONCE) {
       return;
     }