workflow-list: enhance ui

* UI according to mockups * Uses moment for date handling * Removes actions and progress bar * Enriches date/time handling closes #67
reanahub · Feb 7, 2020 · 08d4a0d · 08d4a0d
1 parent 259716a
commit 08d4a0d
Show file tree

Hide file tree

Showing 8 changed files with 237 additions and 297 deletions.
diff --git a/reana-ui/package.json b/reana-ui/package.json
@@ -7,6 +7,7 @@
     "eslint-plugin-react": "^7.16.0",
     "history": "^4.7.2",
     "lodash": "^4.17.15",
+    "moment": "^2.24.0",
     "node-sass": "^4.13.0",
     "prop-types": "^15.7.2",
     "react": "^16.11.0",

diff --git a/reana-ui/src/components/Footer.js b/reana-ui/src/components/Footer.js
@@ -32,7 +32,7 @@ export default function Footer() {
           target="_blank"
           rel="noopener noreferrer"
         >
-          <Icon name="conversation"></Icon> Mattermost
+          <Icon name="conversation"></Icon> Chat
         </a>
       </span>
     </footer>

diff --git a/reana-ui/src/pages/login/Login.module.scss b/reana-ui/src/pages/login/Login.module.scss
@@ -9,21 +9,21 @@
 */
 
 .login-form {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
 
-    :global(.ui.grid).login-grid {
-        height: 100%;
-        margin-left: 1em;
-        margin-right: 1em;
-    }
+  :global(.ui.grid).login-grid {
+    height: 100%;
+    margin-left: 1em;
+    margin-right: 1em;
+  }
 
-    .login-column {
-        max-width: 450px;
-    }
+  .login-column {
+    max-width: 450px;
+  }
 
-    .reana-logo {
-        padding-bottom: 4em;
-    }
+  .reana-logo {
+    padding-bottom: 4em;
+  }
 }
diff --git a/reana-ui/src/pages/workflowsList/components/WorkflowsActions.js b/reana-ui/src/pages/workflowsList/components/WorkflowsActions.js