Add terminal icon to the terminal button

BrunoQuaresma · BrunoQuaresma · commit 91fe9f248431 · 2024-01-16T16:48:07.000Z
diff --git a/site/src/components/Resources/AgentRow.tsx b/site/src/components/Resources/AgentRow.tsx
@@ -233,16 +233,12 @@ export const AgentRow: FC<AgentRowProps> = ({
             </>
           )}
 
-          {showBuiltinApps && (
-            <>
-              {agent.display_apps.includes("web_terminal") && (
-                <TerminalLink
-                  workspaceName={workspace.name}
-                  agentName={agent.name}
-                  userName={workspace.owner_name}
-                />
-              )}
-            </>
+          {showBuiltinApps && agent.display_apps.includes("web_terminal") && (
+            <TerminalLink
+              workspaceName={workspace.name}
+              agentName={agent.name}
+              userName={workspace.owner_name}
+            />
           )}
         </section>
       )}
diff --git a/site/src/components/Resources/TerminalLink/TerminalLink.tsx b/site/src/components/Resources/TerminalLink/TerminalLink.tsx
@@ -4,6 +4,7 @@ import { FC } from "react";
 import * as TypesGen from "api/typesGenerated";
 import { generateRandomString } from "utils/random";
 import { DisplayAppNameMap } from "../AppLink/AppLink";
+import { TerminalIcon } from "components/Icons/TerminalIcon";
 
 export const Language = {
   terminalTitle: (identifier: string): string => `Terminal - ${identifier}`,
@@ -46,7 +47,9 @@ export const TerminalLink: FC<React.PropsWithChildren<TerminalLinkProps>> = ({
       }}
       data-testid="terminal"
     >
-      <AgentButton>{DisplayAppNameMap["web_terminal"]}</AgentButton>
+      <AgentButton startIcon={<TerminalIcon />}>
+        {DisplayAppNameMap["web_terminal"]}
+      </AgentButton>
     </Link>
   );
 };
