Removed default modal from CollectComponent

makebrainwaves · Sep 24, 2018 · b3ceb64 · b3ceb64
1 parent 9a0cf46
commit b3ceb64
Showing 1 changed file with 6 additions and 14 deletions.
diff --git a/app/components/CollectComponent/index.js b/app/components/CollectComponent/index.js
@@ -1,6 +1,5 @@
 // @flow
 import React, { Component } from 'react';
-import { Modal, Button, Segment } from 'semantic-ui-react';
 import {
   EXPERIMENTS,
   DEVICES,
@@ -60,6 +59,12 @@ export default class Collect extends Component<Props, State> {
     this.handleRunComponentClose = this.handleRunComponentClose.bind(this);
   }
 
+  componentDidMount() {
+    if (this.props.connectionStatus !== CONNECTION_STATUS.CONNECTED) {
+      this.handleStartConnect();
+    }
+  }
+
   componentDidUpdate = (prevProps: Props, prevState: State) => {
     if (
       this.props.connectionStatus === CONNECTION_STATUS.CONNECTED &&
@@ -99,19 +104,6 @@ export default class Collect extends Component<Props, State> {
     }
     return (
       <div>
-        <Modal
-          basic
-          centered
-          open={this.props.connectionStatus !== CONNECTION_STATUS.CONNECTED}
-          dimmer="inverted"
-          size="small"
-        >
-          <Segment basic textAlign="center">
-            <Button primary onClick={this.handleStartConnect}>
-              Connect Device
-            </Button>
-          </Segment>
-        </Modal>
         <ConnectModal
           open={this.state.isConnectModalOpen}
           onClose={this.handleConnectModalClose}