move preview state from local to global

Author: jackparmer

app/actions/sessions.js

@@ -12,6 +12,7 @@ export const setIndex = createAction('SET_INDEX');
 export const mergeConnections = createAction('MERGE_CONNECTIONS');
 export const updateConnection = createAction('UPDATE_CREDENTIAL');
 export const deleteConnection = createAction('DELETE_CREDENTIAL');
+export const updatePreview = createAction('UPDATE_PREVIEW');
 
 const DELETE_TAB_MESSAGE = 'You are about to delete a connection. ' +
 'If you have scheduled persistent queries with that connection, they ' +
@@ -52,8 +53,6 @@ function POST(path, body = {}) {
         body: body ? JSON.stringify(body) : null
     };
 
-    console.warn('POST: ', path, payload);
-
     return fetch(`${baseUrl()}/${path}`, payload);
 }
 
@@ -224,9 +223,8 @@ export function previewTable (connectionId, dialect, table, database) {
 export function getSqlSchema (connectionId, dialect, database) {
     const body = {
         query: DATABASE_SCHEMA(dialect, database)
-    };
-    console.warn(dialect, database, body);
-    return apiThunk(
+    }; 
+       return apiThunk(
         `connections/${connectionId}/query`,
         'POST',
         'previewTableRequest',

app/components/Settings/OptionsDropdown/TableDropdown.react.js

@@ -1,7 +1,8 @@
 'use es6';
 import React, { Component } from 'react';
 import {connect} from 'react-redux';
-import CodeMirror from 'react-codemirror';
+// https://github.com/JedWatson/react-codemirror/issues/106
+import CodeMirror from '@skidding/react-codemirror';
 // assuming a setup with webpack/create-react-app import the additional js/css files
 import 'codemirror/mode/sql/sql';
 import 'codemirror/addon/hint/show-hint';
@@ -16,7 +17,8 @@ class CodeEditorField extends Component {
         this.handleChange = this.handleChange.bind(this);
 
         this.state = {
-            tables: {}
+            tables: {},
+            code: ''
         }
     }
 
@@ -49,7 +51,6 @@ class CodeEditorField extends Component {
                 }
                 newColumnArray.push(row[COLUMN_NAME]);
             });
-            console.warn(schema, tables);
             this.setState({tables: tables});
         })
         .catch(function(error) {
@@ -102,6 +103,8 @@ class CodeEditorField extends Component {
             }
         };
 
+        console.log('cm', this.props.value);
+
         return (
             <CodeMirror
                 ref="CodeMirror"