From 1eea2daeae88b1c681acd438e4f445c8ec4740e1 Mon Sep 17 00:00:00 2001
From: Helmut Januschka <helmut@januschka.com>
Date: Mon, 10 Sep 2018 21:34:07 +0200
Subject: [PATCH] adress feedback

---
 client/coral-framework/components/TimeAgo.css | 3 +++
 client/coral-framework/components/TimeAgo.js  | 9 ++++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 client/coral-framework/components/TimeAgo.css

diff --git a/client/coral-framework/components/TimeAgo.css b/client/coral-framework/components/TimeAgo.css
new file mode 100644
index 000000000..e15e6720e
--- /dev/null
+++ b/client/coral-framework/components/TimeAgo.css
@@ -0,0 +1,3 @@
+.timeago {
+  cursor: pointer;
+}
diff --git a/client/coral-framework/components/TimeAgo.js b/client/coral-framework/components/TimeAgo.js
index e5d37b395..682018b38 100644
--- a/client/coral-framework/components/TimeAgo.js
+++ b/client/coral-framework/components/TimeAgo.js
@@ -1,6 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { timeago } from 'coral-framework/services/i18n';
+import cn from 'classnames';
+import styles from './TimeAgo.css';
 
 class TimeAgo extends React.Component {
   constructor(props) {
@@ -19,7 +21,11 @@ class TimeAgo extends React.Component {
     return (
       <span
         onClick={this.toggleDate}
-        style={{ cursor: 'pointer' }}
+        className={cn(
+          this.props.className,
+          styles.timeago,
+          'talk-comment-timeago'
+        )}
         title={titleDate}
       >
         {displayTime}
@@ -30,6 +36,7 @@ class TimeAgo extends React.Component {
 
 TimeAgo.propTypes = {
   datetime: PropTypes.string,
+  className: PropTypes.string,
 };
 
 export default TimeAgo;