Changed to dialog box

This commit is contained in:
Justin Kolasa (from Dev Box) 2025-04-29 13:02:21 -04:00
parent 32adf7fde6
commit 323ba64e90

View File

@ -283,41 +283,55 @@ export default class Explorer {
} }
public openInVsCode(): void { public openInVsCode(): void {
const activeTab = useTabs.getState().activeTab; const openVSCodeDialogProps: DialogProps = {
const resourceId = encodeURIComponent(userContext.databaseAccount.id); linkProps: {
const database = encodeURIComponent(activeTab?.collection?.databaseId); linkText: "Download Visual Studio Code",
const container = encodeURIComponent(activeTab?.collection?.id()); linkUrl: "https://code.visualstudio.com/download",
const downloadUrl = "https://code.visualstudio.com/download"; },
isModal: true,
title: `Open your Cosmos DB account in Visual Studio Code`,
subText: `Please ensure Visual Studio Code is installed on your device.
If you don't have it installed, please download it from the link below.`,
primaryButtonText: "Open in VS Code",
secondaryButtonText: "Cancel",
const baseUrl = `vscode://ms-azuretools.vscode-cosmosdb?resourceId=${resourceId}`; onPrimaryButtonClick: () => {
const vscodeUrl = activeTab ? `${baseUrl}&database=${database}&container=${container}` : baseUrl; TelemetryProcessor.traceStart(Action.OpenVSCode);
const startTime = Date.now(); const activeTab = useTabs.getState().activeTab;
let hasRedirected = false; const resourceId = encodeURIComponent(userContext.databaseAccount.id);
const database = encodeURIComponent(activeTab?.collection?.databaseId);
const container = encodeURIComponent(activeTab?.collection?.id());
const baseUrl = `vscode://ms-azuretools.vscode-cosmosdb?resourceId=${resourceId}`;
const vscodeUrl = activeTab ? `${baseUrl}&database=${database}&container=${container}` : baseUrl;
const startTime = Date.now();
let hasRedirected = false;
const iframe = document.createElement("iframe"); setTimeout(() => {
iframe.style.display = "none"; if (!hasRedirected && Date.now() - startTime < 1200) {
document.body.appendChild(iframe); hasRedirected = true;
logConsoleInfo(
"Visual Studio Code not detected. Please download it from: https://code.visualstudio.com/download",
);
}
}, 1000);
setTimeout(() => { try {
if (!hasRedirected && Date.now() - startTime < 2500) { window.location.href = vscodeUrl;
hasRedirected = true; } catch (error) {
window.open(downloadUrl, "_blank"); if (!hasRedirected) {
logConsoleInfo("VS Code not detected. Opening download page."); hasRedirected = true;
} logConsoleError(`Failed to open VS Code: ${getErrorMessage(error)}`);
}, 2500); }
}
try { },
iframe.src = vscodeUrl; onSecondaryButtonClick: () => {
window.location.href = vscodeUrl; useDialog.getState().closeDialog();
logConsoleInfo("Opening VS Code"); TelemetryProcessor.traceCancel(Action.OpenVSCode);
} catch (error) { },
if (!hasRedirected) { };
hasRedirected = true; useDialog.getState().openDialog(openVSCodeDialogProps);
window.open(downloadUrl, "_blank"); TelemetryProcessor.traceStart(Action.OpenVSCode);
logConsoleError(`Failed to open VS Code: ${getErrorMessage(error)}`);
}
}
} }
public async openCESCVAFeedbackBlade(): Promise<void> { public async openCESCVAFeedbackBlade(): Promise<void> {