Next release 0.5.2 (#33)

* custom dateString prop added.

* version upgrade v0.5.2

Author: abdurrahmanekr

README.md

@@ -58,6 +58,7 @@ import { ChatItem } from 'react-chat-elements'
 | title | none | string | ChatItem title |
 | subtitle | none | string | ChatItem subtitle |
 | date | none | date | ChatItem date |
+| dateString | none | string | ChatItem represents dateString or moment(date).fromNow() |
 | unread | 0 | int | ChatItem unread count |
 | onClick | none | function | ChatItem on click |
 | onContextMenu | none | function | ChatItem on context menu |
@@ -101,6 +102,7 @@ import { MessageBox } from 'react-chat-elements'
 | titleColor | none | string(color) | message title color |
 | data | {} | object | message data |
 | date | new Date() | Date | message date |
+| dateString | none | string | message represents dateString or moment(date).fromNow() |
 | onClick | none | function | message on click (message(object) is returned) |
 | onOpen | none | function | message on open (file or photo) (message(object) is returned) |
 | onDownload | none | function | message on download (file or photo) (message(object) is returned) |

example/App.js

@@ -20,6 +20,7 @@ import FaClose from 'react-icons/lib/fa/close';
 
 const loremIpsum = require('lorem-ipsum');
 const Identicon = require('identicon.js')
+const moment = require('moment');
 
 export class App extends Component {
 
@@ -108,6 +109,7 @@ export class App extends Component {
                     },
                     statu: statu,
                     date: new Date(),
+                    dateString: moment(new Date()).format('HH:mm'),
                 };
             case 'chat':
                 return {
@@ -120,6 +122,7 @@ export class App extends Component {
                     date: new Date(),
                     subtitle: loremIpsum({ count: 1, units: 'sentences' }),
                     unread: parseInt(Math.random() * 10 % 3),
+                    dateString: moment(new Date()).format('HH:mm'),
                 };
         }
     }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-chat-elements",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "Reactjs chat components",
   "author": "Avare Kodcu <abdurrahmaneker58@gmail.com>",
   "main": "dist/main.js",

src/ChatItem/ChatItem.js

@@ -38,7 +38,10 @@ export class ChatItem extends Component {
                                 {
                                     this.props.date &&
                                     !isNaN(this.props.date) &&
-                                    moment(this.props.date).fromNow()
+                                    (
+                                        this.props.dateString ||
+                                        moment(this.props.date).fromNow()
+                                    )
                                 }
                             </div>
                         </div>
@@ -73,6 +76,7 @@ ChatItem.defaultProps = {
     unread: 0,
     statusColor: null,
     statusText: null,
+    dateString: null,
 }
 
 export default ChatItem;

src/MessageBox/MessageBox.js

@@ -104,7 +104,10 @@ export class MessageBox extends Component {
                                 {
                                     this.props.date &&
                                     !isNaN(this.props.date) &&
-                                    moment(this.props.date).fromNow()
+                                    (
+                                        this.props.dateString ||
+                                        moment(this.props.date).fromNow()
+                                    )
                                 }
                                 {
                                     this.props.statu &&
@@ -173,6 +176,7 @@ MessageBox.defaultProps = {
     onDownload: null,
     forwarded: false,
     statu: null,
+    dateString: null,
 };