Switch from ReactJSS to styled-components in ui-components

scm-ui/ui-components/src/DateFromNow.js

@@ -2,39 +2,35 @@
 import React from "react";
 import moment from "moment";
 import { translate } from "react-i18next";
-import injectSheet from "react-jss";
+import styled from "styled-components";
 
 // fix german locale
 // https://momentjscom.readthedocs.io/en/latest/moment/00-use-it/07-browserify/
 import "moment/locale/de";
 
-const styles = {
-  date: {
-    borderBottom: "1px dotted rgba(219, 219, 219)",
-    cursor: "help"
-  }
-};
-
 type Props = {
   date?: string,
 
   // context props
-  classes: any,
   i18n: any
 };
 
-class DateFromNow extends React.Component<Props> {
+const Date = styled.time`
+  border-bottom: 1px dotted rgba(219, 219, 219);
+  cursor: help;
+`;
 
+class DateFromNow extends React.Component<Props> {
   render() {
-    const { i18n, date, classes } = this.props;
+    const { i18n, date } = this.props;
 
     if (date) {
       const dateWithLocale = moment(date).locale(i18n.language);
 
       return (
-        <time title={dateWithLocale.format()} className={classes.date}>
+        <Date title={dateWithLocale.format()}>
           {dateWithLocale.fromNow()}
-        </time>
+        </Date>
       );
     }
 
@@ -42,4 +38,4 @@ class DateFromNow extends React.Component<Props> {
   }
 }
 
-export default injectSheet(styles)(translate()(DateFromNow));
+export default translate()(DateFromNow);