message: Inline renderPanes.
diff: @@ -6,7 +6,6 @@ import {ipcRenderer} from "electron";
  import {remote} from "electron";
  import * as css from "./css/styles";
  import {saveWindowBounds} from "./ViewUtils";
  -import {Pane} from "../utils/PaneTree";
  import {SearchComponent} from "./SearchComponent";
  import {isMenuShortcut, isKeybindingForEvent} from "./keyevents/Keybindings";
  import {KeyboardAction} from "../Enums";
  @@ -322,24 +321,7 @@ export class ApplicationComponent extends React.Component<{}, ApplicationState>
  );
  }
  - return (
  - <div className="application" style={css.application}>
  - <div className="title-bar">
  - <ul style={css.tabs}>{tabs}</ul>
  - <SearchComponent/>
  - </div>
  - <div className="sessions" style={css.sessions(this.focusedTab.panes)}>
  - {this.focusedTab.panes.children.map(pane => this.renderPanes(pane))}
  - </div>
  - </div>
  - );
  - }
  -
  - get focusedTab(): Tab {
  - return this.state.tabs[this.state.focusedTabIndex];
  - }
  -
  - private renderPanes(pane: Pane): JSX.Element {
  + const paneComponents = this.focusedTab.panes.children.map(pane => {
  const session = pane.session;
  const isFocused = pane === this.focusedTab.focusedPane;
  @@ -356,6 +338,23 @@ export class ApplicationComponent extends React.Component<{}, ApplicationState>
  }}>
  </PaneComponent>
  );
  + });
  +
  + return (
  + <div className="application" style={css.application}>
  + <div className="title-bar">
  + <ul style={css.tabs}>{tabs}</ul>
  + <SearchComponent/>
  + </div>
  + <div className="sessions" style={css.sessions(this.focusedTab.panes)}>
  + {paneComponents}
  + </div>
  + </div>
  + );
  + }
  +
  + get focusedTab(): Tab {
  + return this.state.tabs[this.state.focusedTabIndex];
  }
  private recalculateDimensions() {
  