Feature - Darken Commit messages (#17)

* Darken commit-date as mentioned in issue #5
jangerhard · May 11, 2018 · 4f28c14 · 4f28c14
1 parent 36b3762
commit 4f28c14
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 5 deletions.
diff --git a/src/Components/CommitComponent.js b/src/Components/CommitComponent.js
@@ -2,13 +2,26 @@ import moment from 'moment';
 import PropTypes from 'prop-types';
 import React from 'react';
 
+const commitStyle = {
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "space-between",
+    paddingLeft: "1em"
+};
+
+const dateStyle = {
+    opacity: ".5",
+    paddingLeft: "0.5em"
+};
+
 const CommitComponent = ({committedDate, abbreviatedOid, message}) => {
 
     const date = moment(committedDate).fromNow();
 
     return (
-        <div style={{paddingLeft: "1em"}}>
-            {abbreviatedOid}: {message} ({date})
+        <div style={commitStyle}>
+            {abbreviatedOid}: {message}
+            <div style={dateStyle}>{date}</div>
         </div>
     )
 };

diff --git a/src/Components/__tests__/__snapshots__/CommitComponent.test.js.snap b/src/Components/__tests__/__snapshots__/CommitComponent.test.js.snap
@@ -4,15 +4,25 @@ exports[`renders commit correctly 1`] = `
 <div
   style={
     Object {
+      "display": "flex",
+      "flexDirection": "row",
+      "justifyContent": "space-between",
       "paddingLeft": "1em",
     }
   }
 >
   AAAAAA
   : 
   This is a commit message
-   (
-  3 days ago
-  )
+  <div
+    style={
+      Object {
+        "opacity": ".5",
+        "paddingLeft": "0.5em",
+      }
+    }
+  >
+    3 days ago
+  </div>
 </div>
 `;