Declarative loading indicator

2017-06-29 22:44:15 -07:00
parent fb2f50999b
commit 9c80c0c400
7 changed files with 57 additions and 34 deletions
--- a/frontend/components/LoadingIndicator/LoadingIndicator.js
+++ b/frontend/components/LoadingIndicator/LoadingIndicator.js
@ -1,14 +1,15 @@
 // @flow
 import React from 'react';
+import { inject, observer } from 'mobx-react';

-import styles from './LoadingIndicator.scss';
+@observer class LoadingIndicator extends React.Component {
+  componentDidMount() {
+    this.props.ui.enableProgressBar();
+  }

-const LoadingIndicator = () => {
-  return (
-    <div className={styles.loading}>
-      <div className={styles.loader} />
-    </div>
-  );
-};
+  componentWillUnmount() {
+    this.props.ui.disableProgressBar();
+  }
+}

-export default LoadingIndicator;
+export default inject('ui')(LoadingIndicator);