remove unnecessary isLatestMessage prop and pull in main

Author: summer-cook

src/compounds/Messages/MessageCardBody.jsx

@@ -3,10 +3,10 @@ import PropTypes from 'prop-types'
 import { Card } from 'react-bootstrap'
 import Link from '../../components/Link/Link'
 
-const MessageCardBody = ({ message, isLatestMessage }) => {
+const MessageCardBody = ({ message }) => {
   const { avatar, body, id, name, attachments, timeSince } = message
   return (
-    <Card key={id} className={`${isLatestMessage ? '' : 'pb-4'} pt-4 flex-row border-0 border-top`}>
+    <Card key={id} className='pb-4 pt-4 flex-row border-0 border-top'>
       <Card.Img variant='left' src={avatar} className='h-25' />
       <Card.Body className='pt-0 pe-0 d-flex flex-column flex-md-row'>
         <div>
@@ -52,11 +52,6 @@ MessageCardBody.propTypes = {
       }),
     ),
   }).isRequired,
-  isLatestMessage: PropTypes.bool,
-}
-
-MessageCardBody.defaultProps = {
-  isLatestMessage: false
 }
 
 export default MessageCardBody

src/compounds/Messages/Messages.jsx

@@ -42,7 +42,7 @@ const Messages = ({ addClass, messages }) => {
             )}
           </div>
         ) : (
-          <MessageCardBody message={message} isLatestMessage={idx === (messages.length - 1)} key={idx} />
+          <MessageCardBody message={message} key={idx} />
         )
       ))) : (
         <TextBox