Merge pull request #1249 from mattermost/plt-823

PLT-823 Refactor of center channel

1 files changed, 50 insertions, 0 deletions

diff --git a/web/react/components/time_since.jsx b/web/react/components/time_since.jsx
new file mode 100644
index 000000000..c37739b9c
--- /dev/null
+++ b/web/react/components/time_since.jsx
@@ -0,0 +1,50 @@
+// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+var Utils = require('../utils/utils.jsx');
+
+var Tooltip = ReactBootstrap.Tooltip;
+var OverlayTrigger = ReactBootstrap.OverlayTrigger;
+
+export default class TimeSince extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    componentDidMount() {
+        this.intervalId = setInterval(() => {
+            this.forceUpdate();
+        }, 30000);
+    }
+    componentWillUnmount() {
+        clearInterval(this.intervalId);
+    }
+    render() {
+        const displayDate = Utils.displayDate(this.props.eventTime);
+        const displayTime = Utils.displayTime(this.props.eventTime);
+
+        const tooltip = (
+            <Tooltip id={'time-since-tooltip-' + this.props.eventTime}>
+                {displayDate + ' at ' + displayTime}
+            </Tooltip>
+        );
+
+        return (
+            <OverlayTrigger
+                delayShow={400}
+                placement='top'
+                overlay={tooltip}
+            >
+                <time className='post-profile-time'>
+                    {Utils.displayDateTime(this.props.eventTime)}
+                </time>
+            </OverlayTrigger>
+        );
+    }
+}
+TimeSince.defaultProps = {
+    eventTime: 0
+};
+
+TimeSince.propTypes = {
+    eventTime: React.PropTypes.number.isRequired
+};