fix the run in graphiql button bug when localStorage has no data

apollographql · Dec 14, 2016 · bc84feb · bc84feb
1 parent 7ebb2d0
commit bc84feb
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/app/components/Explorer/Explorer.js b/app/components/Explorer/Explorer.js
@@ -111,12 +111,21 @@ export default class Explorer extends Component {
     }
   }
 
+  clearDefaultQueryState() {
+    this.setState({ query: undefined, variables: undefined });
+  }
+
   render() {
     const { noFetch } = this.state;
     const graphiql = (
-      <GraphiQL fetcher={this.graphQLFetcher} defaultQuery={this.state.query}
-                variables={this.state.variables}
-                ref={r => {this.graphiql = r}}>
+      <GraphiQL
+        fetcher={this.graphQLFetcher}
+        query={this.state.query}
+        onEditQuery={() => { this.clearDefaultQueryState() }}
+        onEditVariables={() => { this.clearDefaultQueryState() }}
+        variables={this.state.variables}
+        ref={r => {this.graphiql = r}}
+      >
         <GraphiQL.Toolbar>
           <label>
             <input

diff --git a/extension/manifest.json b/extension/manifest.json
@@ -1,5 +1,5 @@
 {
-    "version": "1.0.1",
+    "version": "1.0.2",
     "name": "Apollo Client Developer Tools",
     "short_name": "Apollo DevTools",