From 271723146bdabe0bcf4341fd028efcb7150b9dd1 Mon Sep 17 00:00:00 2001
From: Bruno <bruno@coder.com>
Date: Fri, 3 Jun 2022 13:09:54 +0000
Subject: [PATCH] feat: Open terminal in a new window

---
 site/src/components/TerminalLink/TerminalLink.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/site/src/components/TerminalLink/TerminalLink.tsx b/site/src/components/TerminalLink/TerminalLink.tsx
index adf34850db424..dbe7941151ad7 100644
--- a/site/src/components/TerminalLink/TerminalLink.tsx
+++ b/site/src/components/TerminalLink/TerminalLink.tsx
@@ -7,6 +7,7 @@ import { combineClasses } from "../../util/combineClasses"
 
 export const Language = {
   linkText: "Open terminal",
+  terminalTitle: "Terminal",
 }
 
 export interface TerminalLinkProps {
@@ -25,12 +26,17 @@ export interface TerminalLinkProps {
  */
 export const TerminalLink: FC<TerminalLinkProps> = ({ agentName, userName = "me", workspaceName, className }) => {
   const styles = useStyles()
+  const href = `/${userName}/${workspaceName}${agentName ? `.${agentName}` : ""}/terminal`
 
   return (
     <Link
-      href={`/${userName}/${workspaceName}${agentName ? `.${agentName}` : ""}/terminal`}
+      href={href}
       className={combineClasses([styles.link, className])}
       target="_blank"
+      onClick={(event) => {
+        event.preventDefault()
+        window.open(href, Language.terminalTitle, "width=900,height=600")
+      }}
     >
       <ComputerIcon className={styles.icon} />
       {Language.linkText}