fix: make non-http external app links open in the current window

kylecarbs · kylecarbs · commit 21426b68e488 · 2023-09-26T18:25:22.000Z
diff --git a/site/src/components/Resources/AppLink/AppLink.tsx b/site/src/components/Resources/AppLink/AppLink.tsx
@@ -98,11 +98,19 @@ export const AppLink: FC<AppLinkProps> = ({ app, workspace, agent }) => {
             canClick
               ? (event) => {
                   event.preventDefault();
-                  window.open(
-                    href,
-                    Language.appTitle(appDisplayName, generateRandomString(12)),
-                    "width=900,height=600",
-                  );
+                  // This is an external URI like "vscode://", so
+                  // it needs to be opened with the browser protocol handler.
+                  if (app.external && !app.url.startsWith("http")) {
+                    // If the protocol is external the browser does not
+                    // redirect the user from the page.
+                    window.location.href = href
+                  } else {
+                    window.open(
+                      href,
+                      Language.appTitle(appDisplayName, generateRandomString(12)),
+                      "width=900,height=600",
+                    );
+                  }
                 }
               : undefined
           }
