Bug 1591565 - Remove the SecondaryPanes footer; r=jlast

Differential Revision: https://phabricator.services.mozilla.com/D62257

--HG--
extra : moz-landing-system : lando

devtools/client/debugger/src/components/App.js

@@ -289,12 +289,7 @@ class App extends Component<Props, State> {
           />
         }
         endPanelControl={true}
-        endPanel={
-          <SecondaryPanes
-            horizontal={horizontal}
-            toggleShortcutsModal={() => this.toggleShortcutsModal()}
-          />
-        }
+        endPanel={<SecondaryPanes horizontal={horizontal} />}
         endPanelCollapsed={endPanelCollapsed}
       />
     );

devtools/client/debugger/src/components/SecondaryPanes/CommandBar.css

@@ -29,24 +29,6 @@ html[dir="rtl"] .command-bar {
   background-color: var(--theme-icon-checked-color);
 }
 
-.command-bar-bottom {
-  flex: none;
-  justify-content: flex-end;
-  border-bottom: none;
-  background-color: var(--theme-body-background);
-  border-top: 1px solid var(--theme-splitter-color);
-  height: var(--editor-footer-height);
-}
-
-.command-bar-bottom > button {
-  color: var(--theme-comment);
-  width: 26px;
-}
-
-.command-bar-bottom > button:hover {
-  color: var(--theme-body-color);
-}
-
 .command-bar .divider {
   width: 1px;
   background: var(--theme-splitter-color);

devtools/client/debugger/src/components/SecondaryPanes/UtilsBar.js

@@ -1,42 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
-
-// @flow
-import React, { Component } from "react";
-import classnames from "classnames";
-import { debugBtn } from "../shared/Button/CommandBarButton";
-import "./CommandBar.css";
-
-type Props = {
-  horizontal: boolean,
-  toggleShortcutsModal: () => void,
-};
-
-class UtilsBar extends Component<Props> {
-  renderUtilButtons() {
-    return [
-      debugBtn(
-        this.props.toggleShortcutsModal,
-        "shortcuts",
-        "active",
-        L10N.getStr("shortcuts.buttonName"),
-        false
-      ),
-    ];
-  }
-
-  render() {
-    return (
-      <div
-        className={classnames("command-bar command-bar-bottom", {
-          vertical: !this.props.horizontal,
-        })}
-      >
-        {this.renderUtilButtons()}
-      </div>
-    );
-  }
-}
-
-export default UtilsBar;

devtools/client/debugger/src/components/SecondaryPanes/index.js

@@ -40,7 +40,6 @@ import Frames from "./Frames";
 import Threads from "./Threads";
 import Accordion from "../shared/Accordion";
 import CommandBar from "./CommandBar";
-import UtilsBar from "./UtilsBar";
 import XHRBreakpoints from "./XHRBreakpoints";
 import EventListeners from "./EventListeners";
 import DOMMutationBreakpoints from "./DOMMutationBreakpoints";
@@ -87,7 +86,6 @@ type State = {
 
 type OwnProps = {|
   horizontal: boolean,
-  toggleShortcutsModal: () => void,
 |};
 type Props = {
   cx: ThreadContext,
@@ -106,7 +104,6 @@ type Props = {
   skipPausing: boolean,
   logEventBreakpoints: boolean,
   source: ?Source,
-  toggleShortcutsModal: () => void,
   toggleAllBreakpoints: typeof actions.toggleAllBreakpoints,
   toggleMapScopes: typeof actions.toggleMapScopes,
   evaluateExpressions: typeof actions.evaluateExpressions,
@@ -504,19 +501,6 @@ class SecondaryPanes extends Component<Props, State> {
     );
   }
 
-  renderUtilsBar() {
-    if (!features.shortcuts) {
-      return;
-    }
-
-    return (
-      <UtilsBar
-        horizontal={this.props.horizontal}
-        toggleShortcutsModal={this.props.toggleShortcutsModal}
-      />
-    );
-  }
-
   render() {
     const { skipPausing } = this.props;
     return (
@@ -532,7 +516,6 @@ class SecondaryPanes extends Component<Props, State> {
             ? this.renderHorizontalLayout()
             : this.renderVerticalLayout()}
         </div>
-        {this.renderUtilsBar()}
       </div>
     );
   }

devtools/client/debugger/src/components/SecondaryPanes/moz.build

@@ -17,7 +17,6 @@ CompiledModules(
     'Scopes.js',
     'Thread.js',
     'Threads.js',
-    'UtilsBar.js',
     'WhyPaused.js',
     'XHRBreakpoints.js',
 )