opensource/coder
3
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2026-10-16 14:48:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(site): defer workspace apps api key

Browse Source
This commit is contained in:
Atif Ali
2026-02-12 17:17:51 +00:00
parent 72438a0e55
commit 514050e549
1 changed files with 54 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/pages/WorkspacesPage/WorkspacesTable.tsx
+54 -19
View File
@@ -1,6 +1,6 @@
import Skeleton from "@mui/material/Skeleton";
import { API } from "api/api";
import { templateVersion } from "api/queries/templates";
import { apiKey } from "api/queries/users";
import {
cancelBuild,
deleteWorkspace,
@@ -638,8 +638,9 @@ type WorkspaceAppsProps = {
};
const WorkspaceApps: FC<WorkspaceAppsProps> = ({ workspace }) => {
const { data: apiKeyResponse } = useQuery(apiKey());
const token = apiKeyResponse?.key;
const [vscodeLoading, setVscodeLoading] = useState<
"vscode" | "vscode-insiders" | null
>(null);
/**
* Coder is pretty flexible and allows an enormous variety of use cases, such
@@ -676,15 +677,32 @@ const WorkspaceApps: FC<WorkspaceAppsProps> = ({ workspace }) => {
buttons.push(
<BaseIconLink
key="vscode"
isLoading={!token}
isLoading={vscodeLoading === "vscode"}
label="Open VSCode"
href={getVSCodeHref("vscode", {
owner: workspace.owner_name,
workspace: workspace.name,
agent: agent.name,
token: token ?? "",
folder: agent.expanded_directory,
})}
href="#"
onClick={(event) => {
event.preventDefault();
if (vscodeLoading) {
return;
}
setVscodeLoading("vscode");
API.getApiKey()
.then(({ key }) => {
location.href = getVSCodeHref("vscode", {
owner: workspace.owner_name,
workspace: workspace.name,
agent: agent.name,
token: key,
folder: agent.expanded_directory,
});
})
.catch((ex) => {
console.error(ex);
})
.finally(() => {
setVscodeLoading(null);
});
}}
>
<VSCodeIcon />
</BaseIconLink>,
@@ -696,14 +714,31 @@ const WorkspaceApps: FC<WorkspaceAppsProps> = ({ workspace }) => {
<BaseIconLink
key="vscode-insiders"
label="Open VSCode Insiders"
isLoading={!token}
href={getVSCodeHref("vscode-insiders", {
owner: workspace.owner_name,
workspace: workspace.name,
agent: agent.name,
token: token ?? "",
folder: agent.expanded_directory,
})}
isLoading={vscodeLoading === "vscode-insiders"}
href="#"
onClick={(event) => {
event.preventDefault();
if (vscodeLoading) {
return;
}
setVscodeLoading("vscode-insiders");
API.getApiKey()
.then(({ key }) => {
location.href = getVSCodeHref("vscode-insiders", {
owner: workspace.owner_name,
workspace: workspace.name,
agent: agent.name,
token: key,
folder: agent.expanded_directory,
});
})
.catch((ex) => {
console.error(ex);
})
.finally(() => {
setVscodeLoading(null);
});
}}
>
<VSCodeInsidersIcon />
</BaseIconLink>,