historyPaneOpen is not working properly

When open and close the history panel, the flag historyPaneOpen does not respect the current visual state of it. The live demo has the same behaviour.

[acao]

fix was released last week! enjoy! thanks @harshithpabbati !

[andreabreu-me]

@acao I’m on vacation too 😃

I think the problem its here: https://github.com/graphql/graphiql/blob/1.0.0/packages/graphiql/src/components/GraphiQL.tsx#L1273

Since setState is not synchronous, the value passed to the storage will always be the previous value.

This should fix the problem:

  handleToggleHistory = () => {
    if (typeof this.props.onToggleHistory === 'function') {
      this.props.onToggleHistory(!this.state.historyPaneOpen);
    }
    this._storage.set(
      'historyPaneOpen',
      JSON.stringify(!this.state.historyPaneOpen),
    );
    this.setState({ historyPaneOpen: !this.state.historyPaneOpen });
  };