Merge pull request #20 from DenisaCG/fixToolbar

Fix `DriveBrowser` toolbar buttons

Author: DenisaCG

schema/drives-file-browser.json

@@ -6,26 +6,31 @@
       {
         "name": "new-launcher",
         "command": "launcher:create",
+        "label": "",
         "rank": 1
       },
       {
         "name": "new-directory",
         "command": "filebrowser:create-new-directory",
+        "label": "",
         "rank": 10
       },
-      { "name": "uploader", "rank": 20 },
+      { "name": "uploader", "label": "", "rank": 20 },
       {
         "name": "refresh",
         "command": "filebrowser:refresh",
+        "label": "",
         "rank": 30
       },
       {
         "name": "toggle-file-filter",
         "command": "filebrowser:toggle-file-filter",
+        "label": "",
         "rank": 40
       },
       {
         "name": "file-name-searcher",
+        "label": "",
         "rank": 50
       }
     ]

src/index.ts

@@ -22,7 +22,6 @@ import {
 import { ISettingRegistry } from '@jupyterlab/settingregistry';
 import { FilenameSearcher, IScore } from '@jupyterlab/ui-components';
 import { CommandRegistry } from '@lumino/commands';
-import { Panel } from '@lumino/widgets';
 
 import { DriveListModel, DriveListView, IDrive } from './drivelistmanager';
 import { DriveIcon, driveBrowserIcon } from './icons';
@@ -203,9 +202,17 @@ const driveFileBrowser: JupyterFrontEndPlugin<void> = {
     // Set attributes when adding the browser to the UI
     driveBrowser.node.setAttribute('role', 'region');
     driveBrowser.node.setAttribute('aria-label', 'Drive Browser Section');
+    driveBrowser.title.icon = driveBrowserIcon;
+    driveBrowser.title.caption = 'Drive File Browser';
+    driveBrowser.id = 'Drive-File-Browser';
 
     void Private.restoreBrowser(driveBrowser, commands, router, tree, labShell);
 
+    app.shell.add(driveBrowser, 'left', { rank: 102, type: 'File Browser' });
+    if (restorer) {
+      restorer.add(driveBrowser, 'drive-file-browser');
+    }
+
     toolbarRegistry.addFactory(
       FILE_BROWSER_FACTORY,
       'uploader',
@@ -246,19 +253,6 @@ const driveFileBrowser: JupyterFrontEndPlugin<void> = {
         translator
       )
     );
-
-    // instate Drive Browser Panel
-    const drivePanel = new Panel();
-    drivePanel.title.icon = driveBrowserIcon;
-    drivePanel.title.iconClass = 'jp-sideBar-tabIcon';
-    drivePanel.title.caption = 'Drive File Browser';
-    drivePanel.id = 'Drive-Browser-Panel';
-
-    app.shell.add(drivePanel, 'left', { rank: 102, type: 'File Browser' });
-    drivePanel.addWidget(driveBrowser);
-    if (restorer) {
-      restorer.add(drivePanel, 'drive-sidepanel');
-    }
   }
 };