formatDate prop for MessageSimple component

GetStream · Jan 28, 2020 · c3cfdf6 · c3cfdf6
1 parent 9a8d9a3
commit c3cfdf6
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/src/components/MessageSimple/MessageContent.js b/src/components/MessageSimple/MessageContent.js
@@ -249,6 +249,7 @@ export const MessageContent = themed(
         PropTypes.node,
         PropTypes.elementType,
       ]),
+      formatDate: PropTypes.func,
     };
 
     static defaultProps = {
@@ -534,7 +535,9 @@ export const MessageContent = themed(
             {!MessageFooter && showTime ? (
               <MetaContainer>
                 <MetaText alignment={pos}>
-                  {moment(message.created_at).format('h:mmA')}
+                  {this.props.formatDate
+                    ? this.props.formatDate(message.created_at)
+                    : moment(message.created_at).format('h:mmA')}
                 </MetaText>
               </MetaContainer>
             ) : null}

diff --git a/src/components/MessageSimple/index.js b/src/components/MessageSimple/index.js
@@ -169,6 +169,7 @@ export const MessageSimple = themed(
         PropTypes.node,
         PropTypes.elementType,
       ]),
+      formatDate: PropTypes.func,
     };
 
     static defaultProps = {

diff --git a/types/index.d.ts b/types/index.d.ts
@@ -461,6 +461,7 @@ export interface MessageUIComponentProps
   /** https://github.com/beefe/react-native-actionsheet/blob/master/lib/styles.js */
   actionSheetStyles?: object;
   AttachmentFileIcon?: React.ElementType<FileIconUIComponentProps>;
+  formatDate(date: string): string;
 }
 
 export interface MessageRepliesUIComponentProps {