feat: add terminal links

code-asher · code-asher · commit afa679a20c0f · 2022-05-20T14:27:46.000-05:00
diff --git a/site/src/components/Resources/Resources.tsx b/site/src/components/Resources/Resources.tsx
@@ -6,9 +6,10 @@ import TableHead from "@material-ui/core/TableHead"
 import TableRow from "@material-ui/core/TableRow"
 import useTheme from "@material-ui/styles/useTheme"
 import React from "react"
-import { WorkspaceResource } from "../../api/typesGenerated"
+import { Workspace, WorkspaceResource } from "../../api/typesGenerated"
 import { getDisplayAgentStatus } from "../../util/workspace"
 import { TableHeaderRow } from "../TableHeaders/TableHeaders"
+import { TerminalLink } from "../TerminalLink/TerminalLink"
 import { WorkspaceSection } from "../WorkspaceSection/WorkspaceSection"
 
 const Language = {
@@ -17,14 +18,16 @@ const Language = {
   agentsLabel: "Agents",
   agentLabel: "Agent",
   statusLabel: "Status",
+  accessLabel: "Access",
 }
 
 interface ResourcesProps {
   resources?: WorkspaceResource[]
   getResourcesError?: Error
+  workspace: Workspace
 }
 
-export const Resources: React.FC<ResourcesProps> = ({ resources, getResourcesError }) => {
+export const Resources: React.FC<ResourcesProps> = ({ resources, getResourcesError, workspace }) => {
   const styles = useStyles()
   const theme: Theme = useTheme()
 
@@ -39,6 +42,7 @@ export const Resources: React.FC<ResourcesProps> = ({ resources, getResourcesErr
               <TableCell>{Language.resourceLabel}</TableCell>
               <TableCell className={styles.agentColumn}>{Language.agentLabel}</TableCell>
               <TableCell>{Language.statusLabel}</TableCell>
+              <TableCell>{Language.accessLabel}</TableCell>
             </TableHeaderRow>
           </TableHead>
           <TableBody>
@@ -55,7 +59,7 @@ export const Resources: React.FC<ResourcesProps> = ({ resources, getResourcesErr
                   return (
                     <TableRow>
                       <TableCell className={styles.resourceNameCell}>{resource.name}</TableCell>
-                      <TableCell colSpan={2}></TableCell>
+                      <TableCell colSpan={3}></TableCell>
                     </TableRow>
                   )
                 }
@@ -78,6 +82,13 @@ export const Resources: React.FC<ResourcesProps> = ({ resources, getResourcesErr
                         {getDisplayAgentStatus(theme, agent).status}
                       </span>
                     </TableCell>
+                    <TableCell className={styles.agentColumn}>
+                      <TerminalLink
+                        workspaceName={workspace.name}
+                        agentName={agent.name}
+                        userName={workspace.owner_name}
+                      />
+                    </TableCell>
                   </TableRow>
                 )
               })
diff --git a/site/src/components/Workspace/Workspace.tsx b/site/src/components/Workspace/Workspace.tsx
@@ -66,7 +66,7 @@ export const Workspace: React.FC<WorkspaceProps> = ({
 
       <Stack spacing={3}>
         <WorkspaceStats workspace={workspace} />
-        <Resources resources={resources} getResourcesError={getResourcesError} />
+        <Resources resources={resources} getResourcesError={getResourcesError} workspace={workspace} />
         <WorkspaceSection title="Timeline" contentsProps={{ className: styles.timelineContents }}>
           <BuildsTable builds={builds} className={styles.timelineTable} />
         </WorkspaceSection>
