iterate on drive panel

Author: DenisaCG

schema/drives-file-browser.json

@@ -14,7 +14,11 @@
         "rank": 10
       },
       { "name": "uploader", "rank": 20 },
-      { "name": "refresh", "command": "filebrowser:refresh", "rank": 30 },
+      {
+        "name": "refresh",
+        "command": "filebrowser:refresh",
+        "rank": 30
+      },
       {
         "name": "toggle-file-filter",
         "command": "filebrowser:toggle-file-filter",

schema/widget.json

@@ -204,19 +204,6 @@ const driveFileBrowser: JupyterFrontEndPlugin<void> = {
     driveBrowser.node.setAttribute('role', 'region');
     driveBrowser.node.setAttribute('aria-label', 'Drive Browser Section');
 
-    // 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 });
-    drivePanel.addWidget(driveBrowser);
-    if (restorer) {
-      restorer.add(drivePanel, 'drive-sidepanel');
-    }
-
     void Private.restoreBrowser(driveBrowser, commands, router, tree, labShell);
 
     toolbarRegistry.addFactory(
@@ -259,6 +246,19 @@ 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');
+    }
   }
 };