updated

public/app/features/dashboard/dashgrid/PanelEditor.tsx

@@ -2,11 +2,11 @@ import React from 'react';
 import classNames from 'classnames';
 import classNames from 'classnames';
 import { PanelModel } from '../panel_model';
 import { PanelModel } from '../panel_model';
 import { DashboardModel } from '../dashboard_model';
 import { DashboardModel } from '../dashboard_model';
-import { store } from 'app/stores/store';
-import { observer } from 'mobx-react';
+import { store } from 'app/store/configureStore';
 import { QueriesTab } from './QueriesTab';
 import { QueriesTab } from './QueriesTab';
 import { PanelPlugin, PluginExports } from 'app/types/plugins';
 import { PanelPlugin, PluginExports } from 'app/types/plugins';
 import { VizTypePicker } from './VizTypePicker';
 import { VizTypePicker } from './VizTypePicker';
+import { updateLocation } from 'app/core/actions';
 
 
 interface PanelEditorProps {
 interface PanelEditorProps {
   panel: PanelModel;
   panel: PanelModel;
@@ -22,7 +22,6 @@ interface PanelEditorTab {
   icon: string;
   icon: string;
 }
 }
 
 
-@observer
 export class PanelEditor extends React.Component<PanelEditorProps, any> {
 export class PanelEditor extends React.Component<PanelEditorProps, any> {
   tabs: PanelEditorTab[];
   tabs: PanelEditorTab[];
 
 
@@ -65,7 +64,11 @@ export class PanelEditor extends React.Component<PanelEditorProps, any> {
   }
   }
 
 
   onChangeTab = (tab: PanelEditorTab) => {
   onChangeTab = (tab: PanelEditorTab) => {
-    store.view.updateQuery({ tab: tab.id }, false);
+    store.dispatch(
+      updateLocation({
+        query: { tab: tab.id },
+      })
+    );
   };
   };
 
 
   render() {
   render() {

public/app/features/dashboard/dashgrid/PanelHeader.tsx

@@ -2,7 +2,8 @@ import React from 'react';
 import classNames from 'classnames';
 import classNames from 'classnames';
 import { PanelModel } from '../panel_model';
 import { PanelModel } from '../panel_model';
 import { DashboardModel } from '../dashboard_model';
 import { DashboardModel } from '../dashboard_model';
-import { store } from 'app/stores/store';
+import { store } from 'app/store/configureStore';
+import { updateLocation } from 'app/core/actions';
 
 
 interface PanelHeaderProps {
 interface PanelHeaderProps {
   panel: PanelModel;
   panel: PanelModel;
@@ -11,24 +12,26 @@ interface PanelHeaderProps {
 
 
 export class PanelHeader extends React.Component<PanelHeaderProps, any> {
 export class PanelHeader extends React.Component<PanelHeaderProps, any> {
   onEditPanel = () => {
   onEditPanel = () => {
-    store.view.updateQuery(
-      {
+    store.dispatch(
+      updateLocation({
+        query: {
           panelId: this.props.panel.id,
           panelId: this.props.panel.id,
           edit: true,
           edit: true,
           fullscreen: true,
           fullscreen: true,
         },
         },
-      false
+      })
     );
     );
   };
   };
 
 
   onViewPanel = () => {
   onViewPanel = () => {
-    store.view.updateQuery(
-      {
+    store.dispatch(
+      updateLocation({
+        query: {
           panelId: this.props.panel.id,
           panelId: this.props.panel.id,
-        fullscreen: true,
           edit: false,
           edit: false,
+          fullscreen: true,
         },
         },
-      false
+      })
     );
     );
   };
   };