Add launcher button

src/filetree.ts

@@ -26,7 +26,12 @@ import {
   Toolbar,
   ToolbarButton,
 } from "@jupyterlab/apputils";
-import { LabIcon, refreshIcon, newFolderIcon } from "@jupyterlab/ui-components";
+import {
+  addIcon,
+  LabIcon,
+  refreshIcon,
+  newFolderIcon,
+} from "@jupyterlab/ui-components";
 import { PanelLayout, Widget } from "@lumino/widgets";
 import { Uploader } from "./upload";
 import {
@@ -823,6 +828,18 @@ export function constructFileTreeWidget(
     selector: "div." + widget.id + " > table > *> .filetree-folder",
   });
 
+  const launcher = new ToolbarButton({
+    actualOnClick: true,
+    icon: addIcon,
+    onClick: () => {
+      if (app.commands.hasCommand("launcher:create")) {
+        return app.commands.execute("launcher:create");
+      }
+    },
+    tooltip: "New Launcher",
+  });
+  widget.toolbar.addItem("new launcher", launcher);
+
   const new_file = new ToolbarButton({
     icon: newFolderIcon,
     onClick: () => {

style/index.css

@@ -107,6 +107,21 @@
   overflow: hidden;
   white-space: nowrap;
 }
+
 .filetree-header.modified {
   border-right: none;
 }
+
+.filetree-jupyterlab.jp-Toolbar
+  .jp-Toolbar-item:first-child
+  .jp-ToolbarButtonComponent {
+  width: 72px;
+  background: var(--jp-brand-color1);
+}
+
+.filetree-jupyterlab.jp-Toolbar
+  .jp-Toolbar-item:first-child
+  .jp-ToolbarButtonComponent
+  .jp-icon3 {
+  fill: white;
+}