Add proper progress bar

4 files changed, 313 insertions, 2 deletions

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 57d62d0..bc66eb0 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,4 +1,4 @@
 {
-  "eslint.enable": false,
+  "eslint.enable": true,
   "cSpell.language": "en,nl"
 }
\ No newline at end of file
diff --git a/package.json b/package.json
index b45db7b..00b71b4 100644
--- a/package.json
+++ b/package.json
@@ -55,6 +55,7 @@
     "redux-logger": "^3.0.6",
     "redux-thunk": "^2.2.0",
     "request": "^2.74.0",
+    "rmwc": "^1.1.2",
     "sass-loader": "^6.0.6",
     "smoothscroll-polyfill": "^0.3.4",
     "spdy": "^3.4.4",
diff --git a/src/client/react/components/presentational/Loading.js b/src/client/react/components/presentational/Loading.js
index 2ab80da..a149de2 100644
--- a/src/client/react/components/presentational/Loading.js
+++ b/src/client/react/components/presentational/Loading.js
@@ -1,8 +1,11 @@
 import React from 'react';
+import { LinearProgress } from 'rmwc/LinearProgress';
 
 class Loading extends React.Component {
   render() {
-    return <div>Loading...</div>;
+    return (
+      <LinearProgress determinate={false} />
+    );
   }
 }
 
diff --git a/yarn.lock b/yarn.lock
index 8382f1c..525ecbe 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -54,6 +54,261 @@
     lodash "^4.2.0"
     to-fast-properties "^2.0.0"
 
+"@material/animation@^0.25.0":
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/@material/animation/-/animation-0.25.0.tgz#b252ac3d0b628e79a79f0c406d7470fb56352a80"
+
+"@material/auto-init@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/auto-init/-/auto-init-0.29.0.tgz#fbf7457e934a954b52c5d7b600266230a656660f"
+
+"@material/base@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/base/-/base-0.29.0.tgz#5fac94c45907e38c969130e959722288d4ce06b2"
+
+"@material/button@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/button/-/button-0.29.0.tgz#a0bd58caee34f375dd80b1f9365cd3a66044ec3a"
+  dependencies:
+    "@material/elevation" "^0.28.0"
+    "@material/ripple" "^0.29.0"
+    "@material/theme" "^0.29.0"
+    "@material/typography" "^0.28.0"
+
+"@material/card@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/card/-/card-0.29.0.tgz#cef88c555dfa2a7d1b3b951a8c40419ea9ae604f"
+  dependencies:
+    "@material/elevation" "^0.28.0"
+    "@material/rtl" "^0.29.0"
+    "@material/theme" "^0.29.0"
+    "@material/typography" "^0.28.0"
+
+"@material/checkbox@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/checkbox/-/checkbox-0.29.0.tgz#2ccd8cd30fc61cbd172a28001d666a503da58eb5"
+  dependencies:
+    "@material/animation" "^0.25.0"
+    "@material/base" "^0.29.0"
+    "@material/ripple" "^0.29.0"
+    "@material/rtl" "^0.29.0"
+    "@material/selection-control" "^0.29.0"
+    "@material/theme" "^0.29.0"
+
+"@material/dialog@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/dialog/-/dialog-0.29.0.tgz#6b71040edfbaf6592f3c3fea79a651480f1aa86b"
+  dependencies:
+    "@material/animation" "^0.25.0"
+    "@material/base" "^0.29.0"
+    "@material/elevation" "^0.28.0"
+    "@material/ripple" "^0.29.0"
+    "@material/rtl" "^0.29.0"
+    "@material/theme" "^0.29.0"
+    "@material/typography" "^0.1.1"
+    focus-trap "^2.3.0"
+
+"@material/drawer@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/drawer/-/drawer-0.29.0.tgz#1f0f0b1b69160be0123cb0643b84c0af1cd61aeb"
+  dependencies:
+    "@material/animation" "^0.25.0"
+    "@material/base" "^0.29.0"
+    "@material/elevation" "^0.28.0"
+    "@material/rtl" "^0.29.0"
+    "@material/theme" "^0.29.0"
+    "@material/typography" "^0.28.0"
+
+"@material/elevation@^0.28.0":
+  version "0.28.0"
+  resolved "https://registry.yarnpkg.com/@material/elevation/-/elevation-0.28.0.tgz#78d3a551b78100d588c457600733ee1c6fd04501"
+  dependencies:
+    "@material/animation" "^0.25.0"
+    "@material/theme" "^0.4.0"
+
+"@material/fab@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/fab/-/fab-0.29.0.tgz#0affae2d011fd6edede8e41ee17b33226120e782"
+  dependencies:
+    "@material/animation" "^0.25.0"
+    "@material/elevation" "^0.28.0"
+    "@material/ripple" "^0.29.0"
+    "@material/theme" "^0.29.0"
+
+"@material/form-field@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/form-field/-/form-field-0.29.0.tgz#3198ef9f206a9ec97f137b91a341154ac94fa613"
+  dependencies:
+    "@material/base" "^0.29.0"
+    "@material/rtl" "^0.29.0"
+    "@material/selection-control" "^0.29.0"
+    "@material/theme" "^0.29.0"
+    "@material/typography" "^0.28.0"
+
+"@material/grid-list@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/grid-list/-/grid-list-0.29.0.tgz#3b6ac8142b7dda2af349456e3f56a378c7737f81"
+  dependencies:
+    "@material/base" "^0.29.0"
+    "@material/rtl" "^0.29.0"
+    "@material/theme" "^0.29.0"
+    "@material/typography" "^0.28.0"
+
+"@material/icon-toggle@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/icon-toggle/-/icon-toggle-0.29.0.tgz#db5ccdfd032ad1852098a306ed69e1c800ec1ab5"
+  dependencies:
+    "@material/animation" "^0.25.0"
+    "@material/base" "^0.29.0"
+    "@material/ripple" "^0.29.0"
+    "@material/theme" "^0.29.0"
+
+"@material/layout-grid@^0.24.0":
+  version "0.24.0"
+  resolved "https://registry.yarnpkg.com/@material/layout-grid/-/layout-grid-0.24.0.tgz#223d771d755d887807998d96f5996e182ceb640d"
+
+"@material/linear-progress@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/linear-progress/-/linear-progress-0.29.0.tgz#f597af81d00d079edd16200cd6c9aa3aa3e4ff8b"
+  dependencies:
+    "@material/animation" "^0.25.0"
+    "@material/base" "^0.29.0"
+    "@material/theme" "^0.29.0"
+
+"@material/list@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/list/-/list-0.29.0.tgz#39aff97b3be6099cc1773e53e9d50ba23b37dbfa"
+  dependencies:
+    "@material/ripple" "^0.29.0"
+    "@material/rtl" "^0.29.0"
+    "@material/theme" "^0.29.0"
+    "@material/typography" "^0.28.0"
+
+"@material/menu@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/menu/-/menu-0.29.0.tgz#0a9204e8f0cd7ce37d11753460e96b356837f597"
+  dependencies:
+    "@material/animation" "^0.25.0"
+    "@material/base" "^0.29.0"
+    "@material/elevation" "^0.28.0"
+    "@material/theme" "^0.29.0"
+    "@material/typography" "^0.28.0"
+
+"@material/radio@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/radio/-/radio-0.29.0.tgz#e295379e4303c8df5f5e0de549027a5d88f1c9a3"
+  dependencies:
+    "@material/animation" "^0.25.0"
+    "@material/base" "^0.29.0"
+    "@material/ripple" "^0.29.0"
+    "@material/selection-control" "^0.29.0"
+    "@material/theme" "^0.29.0"
+
+"@material/ripple@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/ripple/-/ripple-0.29.0.tgz#3cfad8b4a717d69cf1b3ba7ecd065045662733cb"
+  dependencies:
+    "@material/base" "^0.29.0"
+    "@material/theme" "^0.29.0"
+
+"@material/rtl@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/rtl/-/rtl-0.29.0.tgz#a6625b3b880bcdea2af3004e410901a7ff615335"
+
+"@material/select@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/select/-/select-0.29.0.tgz#2893894d45c76e2588a5f09ec2017b6a5e8d39b5"
+  dependencies:
+    "@material/animation" "^0.25.0"
+    "@material/base" "^0.29.0"
+    "@material/list" "^0.29.0"
+    "@material/menu" "^0.29.0"
+    "@material/ripple" "^0.29.0"
+    "@material/rtl" "^0.29.0"
+    "@material/theme" "^0.29.0"
+    "@material/typography" "^0.28.0"
+
+"@material/selection-control@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/selection-control/-/selection-control-0.29.0.tgz#67711da314a888c2bc443ba404d6924f9ef4d05f"
+  dependencies:
+    "@material/ripple" "^0.29.0"
+
+"@material/slider@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/slider/-/slider-0.29.0.tgz#3edccd812e554fba018f9516bc031720218a6c7e"
+  dependencies:
+    "@material/animation" "^0.25.0"
+    "@material/base" "^0.29.0"
+    "@material/rtl" "^0.29.0"
+    "@material/theme" "^0.29.0"
+
+"@material/snackbar@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/snackbar/-/snackbar-0.29.0.tgz#f02e3a81c2822e38771cbcf2b2aed16eb72c4d41"
+  dependencies:
+    "@material/animation" "^0.25.0"
+    "@material/base" "^0.29.0"
+    "@material/rtl" "^0.29.0"
+    "@material/theme" "^0.29.0"
+    "@material/typography" "^0.28.0"
+
+"@material/switch@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/switch/-/switch-0.29.0.tgz#5041a566c79ab8b42bed3ee3543435cecb03bdaf"
+  dependencies:
+    "@material/animation" "^0.25.0"
+    "@material/elevation" "^0.28.0"
+    "@material/theme" "^0.29.0"
+
+"@material/tabs@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/tabs/-/tabs-0.29.0.tgz#3b84f150f4a3cbf0ac31ba6ca76d47f50cc61078"
+  dependencies:
+    "@material/animation" "^0.25.0"
+    "@material/base" "^0.29.0"
+    "@material/ripple" "^0.29.0"
+    "@material/rtl" "^0.29.0"
+    "@material/theme" "^0.29.0"
+    "@material/typography" "^0.28.0"
+
+"@material/textfield@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/textfield/-/textfield-0.29.0.tgz#69e4f7b72a8839d26595f63ed3428fb75f1e6fc9"
+  dependencies:
+    "@material/animation" "^0.25.0"
+    "@material/base" "^0.29.0"
+    "@material/ripple" "^0.29.0"
+    "@material/rtl" "^0.29.0"
+    "@material/theme" "^0.29.0"
+    "@material/typography" "^0.28.0"
+
+"@material/theme@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/theme/-/theme-0.29.0.tgz#1004bc110e8c9af2b78a3e19a023bca26c45ba51"
+
+"@material/theme@^0.4.0":
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/@material/theme/-/theme-0.4.0.tgz#0aef1a0279b65c15990584fb8b8eca095c734641"
+
+"@material/toolbar@^0.29.0":
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/@material/toolbar/-/toolbar-0.29.0.tgz#848796a769767c76d08e8cbc25a24197ed6b4644"
+  dependencies:
+    "@material/base" "^0.29.0"
+    "@material/elevation" "^0.28.0"
+    "@material/rtl" "^0.29.0"
+    "@material/theme" "^0.29.0"
+    "@material/typography" "^0.28.0"
+
+"@material/typography@^0.1.1":
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/@material/typography/-/typography-0.1.1.tgz#fb2e3437bd3284d39e9fb91485767ade6b2bd0c1"
+
+"@material/typography@^0.28.0":
+  version "0.28.0"
+  resolved "https://registry.yarnpkg.com/@material/typography/-/typography-0.28.0.tgz#4ae96a852fcd324d61b649adc995326c431fcaea"
+
 JSONStream@^1.0.3:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/JSONStream/-/JSONStream-1.3.1.tgz#707f761e01dae9e16f1bcf93703b78c70966579a"
@@ -2866,6 +3121,12 @@ flexibility@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/flexibility/-/flexibility-2.0.1.tgz#ad323aafc40f469ce624286518fc4d7cd72b7c77"
 
+focus-trap@^2.3.0:
+  version "2.4.3"
+  resolved "https://registry.yarnpkg.com/focus-trap/-/focus-trap-2.4.3.tgz#95edc23e77829b7772cb2486d61fd6371ce112f9"
+  dependencies:
+    tabbable "^1.0.3"
+
 for-in@^0.1.3:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/for-in/-/for-in-0.1.8.tgz#d8773908e31256109952b1fdb9b3fa867d2775e1"
@@ -4649,6 +4910,41 @@ map-obj@^1.0.0, map-obj@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d"
 
+material-components-web@^0.29.0:
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/material-components-web/-/material-components-web-0.29.0.tgz#673042c797d0621ee3593a9f9ce0ae6848e9486c"
+  dependencies:
+    "@material/animation" "^0.25.0"
+    "@material/auto-init" "^0.29.0"
+    "@material/base" "^0.29.0"
+    "@material/button" "^0.29.0"
+    "@material/card" "^0.29.0"
+    "@material/checkbox" "^0.29.0"
+    "@material/dialog" "^0.29.0"
+    "@material/drawer" "^0.29.0"
+    "@material/elevation" "^0.28.0"
+    "@material/fab" "^0.29.0"
+    "@material/form-field" "^0.29.0"
+    "@material/grid-list" "^0.29.0"
+    "@material/icon-toggle" "^0.29.0"
+    "@material/layout-grid" "^0.24.0"
+    "@material/linear-progress" "^0.29.0"
+    "@material/list" "^0.29.0"
+    "@material/menu" "^0.29.0"
+    "@material/radio" "^0.29.0"
+    "@material/ripple" "^0.29.0"
+    "@material/rtl" "^0.29.0"
+    "@material/select" "^0.29.0"
+    "@material/selection-control" "^0.29.0"
+    "@material/slider" "^0.29.0"
+    "@material/snackbar" "^0.29.0"
+    "@material/switch" "^0.29.0"
+    "@material/tabs" "^0.29.0"
+    "@material/textfield" "^0.29.0"
+    "@material/theme" "^0.29.0"
+    "@material/toolbar" "^0.29.0"
+    "@material/typography" "^0.28.0"
+
 math-expression-evaluator@^1.2.14:
   version "1.2.17"
   resolved "https://registry.yarnpkg.com/math-expression-evaluator/-/math-expression-evaluator-1.2.17.tgz#de819fdbcd84dccd8fae59c6aeb79615b9d266ac"
@@ -6287,6 +6583,13 @@ ripemd160@^2.0.0, ripemd160@^2.0.1:
     hash-base "^2.0.0"
     inherits "^2.0.1"
 
+rmwc@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/rmwc/-/rmwc-1.1.2.tgz#a41b3db72edbc5666c8a8840504c53398eeda7a0"
+  dependencies:
+    classnames "^2.2.5"
+    material-components-web "^0.29.0"
+
 run-async@^2.2.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.3.0.tgz#0371ab4ae0bdd720d4166d7dfda64ff7a445a6c0"
@@ -6776,6 +7079,10 @@ syntax-error@^1.1.1:
   dependencies:
     acorn "^4.0.3"
 
+tabbable@^1.0.3:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/tabbable/-/tabbable-1.1.2.tgz#b171680aea6e0a3e9281ff23532e2e5de11c0d94"
+
 table@^4.0.1:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/table/-/table-4.0.2.tgz#a33447375391e766ad34d3486e6e2aedc84d2e36"