From 20bb0e40cca868f5b018200d850a38350c6c013d Mon Sep 17 00:00:00 2001
From: Danny <dannyvankooten@gmail.com>
Date: Tue, 5 Jun 2018 11:51:09 +0200
Subject: [PATCH] add simple loading state

---
 assets/src/js/components/Chart.js | 2 +-
 assets/src/sass/util.scss         | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/assets/src/js/components/Chart.js b/assets/src/js/components/Chart.js
index 69be40c..980d250 100644
--- a/assets/src/js/components/Chart.js
+++ b/assets/src/js/components/Chart.js
@@ -217,7 +217,7 @@ class Chart extends Component {
  
   render(props, state) {
     return (
-       <div id="chart"></div>
+       <div id="chart" class={state.loading ? 'loading': ''}></div>
     )
   }
 }
diff --git a/assets/src/sass/util.scss b/assets/src/sass/util.scss
index de837a9..eb4f872 100644
--- a/assets/src/sass/util.scss
+++ b/assets/src/sass/util.scss
@@ -40,3 +40,7 @@
 
 .fadeInUp { animation-name: fadeInUp; }
 .fadeInDown { animation-name: fadeInDown; }
+
+.loading {
+  opacity: 0.8;
+}