Make interactive window buttons consistent with notebook editor (microsoft#12122)

* Make IW buttons consistent with notebook editor * Add news

Author: joyceerhl

news/2 Fixes/11091.md

@@ -0,0 +1 @@
+Switch order of restart and cancel buttons in interactive window to be consistent with ordering in notebook toolbar.

src/datascience-ui/history-react/interactivePanel.tsx

@@ -135,26 +135,26 @@ ${buildSettingsCss(this.props.settings)}`}</style>
  </ImageButton>
  <ImageButton
  baseTheme={this.props.baseTheme}
- onClick={this.props.interruptKernel}
+ onClick={this.props.restartKernel}
  disabled={this.props.busy}
- tooltip={getLocString('DataScience.interruptKernel', 'Interrupt IPython kernel')}
+ tooltip={getLocString('DataScience.restartServer', 'Restart IPython kernel')}
  >
  <Image
  baseTheme={this.props.baseTheme}
  class="image-button-image"
- image={ImageName.Interrupt}
+ image={ImageName.Restart}
  />
  </ImageButton>
  <ImageButton
  baseTheme={this.props.baseTheme}
- onClick={this.props.restartKernel}
+ onClick={this.props.interruptKernel}
  disabled={this.props.busy}
- tooltip={getLocString('DataScience.restartServer', 'Restart IPython kernel')}
+ tooltip={getLocString('DataScience.interruptKernel', 'Interrupt IPython kernel')}
  >
  <Image
  baseTheme={this.props.baseTheme}
  class="image-button-image"
- image={ImageName.Restart}
+ image={ImageName.Interrupt}
  />
  </ImageButton>
  <ImageButton