add left panel back

frontend/folders/component.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { BlurableInput, ColorPicker, Row, Col, ToolTip } from "../ui";
+import { BlurableInput, ColorPicker, Row, Col } from "../ui";
 import {
   FolderUnion,
   FolderItemProps,
@@ -28,7 +28,6 @@ import { urlFriendly } from "../util";
 import { setActiveSequenceByName } from "../sequences/set_active_sequence_by_name";
 import { Position, Popover } from "@blueprintjs/core";
 import { t } from "../i18next_wrapper";
-import { ToolTips } from "../constants";
 
 const FolderListItem = (props: FolderItemProps) => {
   const { sequence, onClick } = props;
@@ -211,8 +210,6 @@ export class Folders extends React.Component<FolderProps, FolderState> {
 
   render() {
     return <div>
-      <h3>{t("Sequences")}</h3>
-      <ToolTip helpText={ToolTips.SEQUENCE_LIST} />
       <div className="panel-top with-button" style={{ marginTop: 0 }}>
         <div className="thin-search-wrapper">
           <div className="text-input-wrapper">

frontend/sequences/sequences.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import { connect } from "react-redux";
 import { StepButtonCluster } from "./step_button_cluster";
 import { SequenceEditorMiddle } from "./sequence_editor_middle";
-import { Page, Row, Col } from "../ui/index";
+import { Page, Row, LeftPanel } from "../ui/index";
 import { Props } from "./interfaces";
 import { mapStateToProps } from "./state_to_props";
 import { ToolTips } from "../constants";
@@ -41,9 +41,12 @@ export class RawSequences extends React.Component<Props, {}> {
     const activeClasses = [sequenceOpen, insertingStep].join(" ");
     return <Page className="sequence-page">
       <Row>
-        <Col sm={3}>
+        <LeftPanel
+          className={`sequence-list-panel ${activeClasses}`}
+          title={t("Sequences")}
+          helpText={t(ToolTips.SEQUENCE_LIST)}>
           <Folders {...this.props.folderData} />
-        </Col>
+        </LeftPanel>
         <CenterPanel
           className={`sequence-editor-panel ${activeClasses}`}
           backButton={<SequenceBackButton