hasura · arvi3411301 · Jul 25, 2018 · Jul 16, 2018 · Jul 16, 2018 · Jul 18, 2018
@@ -28,9 +28,6 @@ class ApiRequest extends Component {
     this.state.bodyAllowedMethods = ['POST'];
     this.state.tabIndex = 0;
     this.timer = null;
-  }
-
-  componentWillMount() {
     if (this.props.numberOfTables !== 0) {
       const graphqlQueryInLS = window.localStorage.getItem('graphiql:query');
       if (graphqlQueryInLS && graphqlQueryInLS.indexOf('do not have') !== -1) {

@@ -8,7 +8,8 @@ import {
 } from './AddExistingTableViewActions';
 
 class AddExistingTableView extends Component {
-  componentWillMount() {
+  constructor(props) {
+    super(props);
     this.props.dispatch(setDefaults());
   }
 

@@ -51,7 +51,8 @@ const typeDescriptionDict = convertListToDictUsingKV(
 );
 
 class AddTable extends Component {
-  componentWillMount() {
+  constructor(props) {
+    super(props);
     this.props.dispatch(setDefaults());
     const { columns, dispatch } = this.props;
     columns.map((column, i) => {
@@ -65,6 +66,7 @@ class AddTable extends Component {
       }
     });
   }
+
   componentWillUnmount() {
     this.props.dispatch(setDefaults());
   }

@@ -12,9 +12,6 @@ import { getRelationshipLine } from '../TableRelationships/Relationships';
 import suggestedRelationshipsRaw from '../TableRelationships/autoRelations';
 
 class AutoAddRelations extends Component {
-  componentWillMount() {
-    // Initialize
-  }
   trackAllRelations = () => {
     this.props.dispatch(autoTrackRelations());
   };

@@ -29,7 +29,8 @@ import globals from '../../../../Globals';
 const appPrefix = globals.urlPrefix + '/data';
 
 class Schema extends Component {
-  componentWillMount() {
+  constructor(props) {
+    super(props);
     // Initialize this table
     const dispatch = this.props.dispatch;
     dispatch(fetchSchemaList());

@@ -168,9 +168,6 @@ class FilterQuery extends Component {
     dispatch(setDefaultQuery(this.props.curQuery));
   }
 
-  //  componentWillReceiveProps (nextProps) {
-  //  }
-
   render() {
     const { dispatch, whereAnd, tableSchema, orderBy } = this.props; // eslint-disable-line no-unused-vars
     const styles = require('./FilterQuery.scss');

@@ -63,15 +63,17 @@ const genRow = (row, headings) => {
 };
 
 class ViewTable extends Component {
-  componentWillMount() {
+  constructor(props) {
+    super(props);
     // Initialize this table
+    console.log(props);
+    this.state = {
+      dispatch: props.dispatch,
+      tableName: props.tableName,
+    };
+    // this.state.dispatch = props.dispatch;
+    // this.state.tableName = props.tablename;
     const dispatch = this.props.dispatch;
-    /*
-    dispatch(setTable(this.props.tableName));
-    dispatch(vSetDefaults(this.props.tableName));
-    dispatch(vMakeRequest());
-    dispatch(fetchTableComment(this.props.tableName));
-    */
     Promise.all([
       dispatch(setTable(this.props.tableName)),
       dispatch(vSetDefaults(this.props.tableName)),
@@ -80,9 +82,9 @@ class ViewTable extends Component {
     ]);
   }
 
-  componentWillReceiveProps(nextProps) {
-    const dispatch = this.props.dispatch;
-    if (nextProps.tableName !== this.props.tableName) {
+  static getDerivedStateFromProps(nextProps, prevState) {
+    const dispatch = prevState.dispatch;
+    if (nextProps.tableName !== prevState.tableName) {
       dispatch(setTable(nextProps.tableName));
       dispatch(vSetDefaults(nextProps.tableName));
       dispatch(vMakeRequest());
@@ -97,7 +99,7 @@ class ViewTable extends Component {
     );
   }
 
-  componentWillUpdate() {
+  getSnapshotBeforeUpdate() {
     this.shouldScrollBottom =
       window.innerHeight ===
       document.body.offsetHeight - document.body.scrollTop;