CRNS-58: Adding support for custom message length in Channel preview

Fixes #122

Author: vishalnarkhede

src/components/ChannelPreview.js

@@ -60,6 +60,7 @@ export class ChannelPreview extends PureComponent {
     const latestMessage = {
       text: '',
       created_at: '',
+      originalMessageObject: { ...message },
     };
 
     if (!message) {
@@ -72,7 +73,7 @@ export class ChannelPreview extends PureComponent {
     }
 
     if (message.text) {
-      latestMessage.text = message.text.slice(0, 20);
+      latestMessage.text = message.text;
     } else {
       if (message.command) {
         latestMessage.text = '/' + message.command;

src/components/ChannelPreviewMessenger.js

@@ -75,6 +75,12 @@ export const ChannelPreviewMessenger = themed(
       latestMessage: PropTypes.object,
       /** Number of unread messages on channel */
       unread: PropTypes.number,
+      /** Length at which latest message should be truncated */
+      latestMessageLength: PropTypes.number,
+    };
+
+    static defaultProps = {
+      latestMessageLength: 30,
     };
 
     onSelectChannel = () => {
@@ -125,10 +131,9 @@ export const ChannelPreviewMessenger = themed(
             >
               {!this.props.latestMessage
                 ? 'Nothing yet...'
-                : truncate(
-                    this.props.latestMessage.text.replace(/\n/g, ' '),
-                    14,
-                  )}
+                : truncate(this.props.latestMessage.text.replace(/\n/g, ' '), {
+                    length: this.props.latestMessageLength,
+                  })}
             </Message>
           </Details>
         </Container>

types/index.d.ts

@@ -324,7 +324,10 @@ export interface ChannelPreviewUIComponentProps
   latestMessage: {
     text: string;
     created_at: string;
+    originalMessageObject: Client.MessageResponse;
   };
+  /** Length at which latest message should be truncated */
+  latestMessageLength: number;
 }
 
 export interface MessageListProps extends ChannelContextValue {