fix #7684 -- Jupyter, VS Code, Pluto, RStudio button on +New page goes to wrong "tab"

Author: williamstein

src/packages/frontend/project/new/file-type-selector.tsx

@@ -224,10 +224,7 @@ export function FileTypeSelector({
                   name={"Compute Server: GPUs and VM's"}
                   icon="servers"
                   on_click={() => {
-                    projectActions?.setState({ create_compute_server: true });
-                    projectActions?.set_active_tab("servers", {
-                      change_history: true,
-                    });
+                    projectActions?.setServerTab("compute-servers");
                   }}
                   size={btnSize}
                 />
@@ -239,12 +236,10 @@ export function FileTypeSelector({
             <Col sm={doubleSm} md={doubleMd}>
               <NewFileButton
                 size={btnSize}
-                name={`Jupyter, VS Code, Pluto, RStudio, etc....`}
+                name={`JupyterLab, VS Code, Pluto, RStudio, etc....`}
                 ext="server"
                 on_click={() => {
-                  projectActions.set_active_tab("servers", {
-                    change_history: true,
-                  });
+                  projectActions?.setServerTab("notebooks");
                 }}
                 active={false}
               />

src/packages/frontend/project_actions.ts

@@ -81,7 +81,7 @@ import {
   FlyoutLogFilter,
 } from "./project/page/flyouts/utils";
 import { modalParams } from "@cocalc/frontend/compute/select-server-for-file";
-import { setServerTab } from "@cocalc/frontend/compute/tab";
+import { setServerTab, TabName } from "@cocalc/frontend/compute/tab";
 
 const { defaults, required } = misc;
 
@@ -3460,14 +3460,18 @@ export class ProjectActions extends Actions<ProjectStoreState> {
   };
 
   showComputeServers = () => {
-    setServerTab(this.project_id, "compute-servers");
-    this.set_active_tab("servers", {
-      change_history: true,
-    });
+    this.setServerTab("compute-servers");
   };
 
   createComputeServerDialog = () => {
     this.setState({ create_compute_server: true });
     this.showComputeServers();
   };
+
+  setServerTab = (name: TabName) => {
+    setServerTab(this.project_id, name);
+    this.set_active_tab("servers", {
+      change_history: true,
+    });
+  };
 }