Mar 30, 2023 · Mar 30, 2023 · Mar 30, 2023
diff --git a/site/src/components/WorkspacesTable/WorkspacesRow.tsx b/site/src/components/WorkspacesTable/WorkspacesRow.tsx
 import { AvatarData } from "components/AvatarData/AvatarData"
 import { WorkspaceStatusBadge } from "components/WorkspaceStatusBadge/WorkspaceStatusBadge"
 import { FC } from "react"
 import { useNavigate, Link as RouterLink } from "react-router-dom"
 import { useNavigate } from "react-router-dom"
 import { getDisplayWorkspaceTemplateName } from "util/workspace"
 import { LastUsed } from "../LastUsed/LastUsed"
 import { Workspace } from "api/typesGenerated"
 import { OutdatedHelpTooltip } from "components/Tooltips/OutdatedHelpTooltip"
 import { Avatar } from "components/Avatar/Avatar"
 import { Stack } from "components/Stack/Stack"
 import TemplateLinkIcon from "@material-ui/icons/OpenInNewOutlined"
 import Link from "@material-ui/core/Link"
 import { useClickableTableRow } from "hooks/useClickableTableRow"

 export const WorkspacesRow: FC<{
        />
      </TableCell>

      <TableCell>
        <Link
          component={RouterLink}
          to={`/templates/${workspace.template_name}`}
          className={styles.templateLink}
          title={`Go to ${displayTemplateName} page`}
          onClick={(e) => {
            e.stopPropagation()
          }}
        >
          <Stack direction="row" alignItems="center" spacing={1}>
            <TemplateLinkIcon className={styles.templateLinkIcon} />
            <span>{displayTemplateName}</span>
          </Stack>
        </Link>
      </TableCell>
      <TableCell>{displayTemplateName}</TableCell>

      <TableCell>
        <LastUsed lastUsedAt={workspace.last_used_at} />
    display: "flex",
    paddingLeft: theme.spacing(2),
  },

  templateLink: {
    color: theme.palette.text.secondary,

    "&:hover": {
      color: theme.palette.text.primary,
      textDecoration: "none",
    },
  },

  templateLinkIcon: {
    width: theme.spacing(1.5),
    height: theme.spacing(1.5),
  },
 }))
Original file line number	Diff line number	Diff line change
Expand Up		@@ -5,15 +5,13 @@ import KeyboardArrowRight from "@material-ui/icons/KeyboardArrowRight"
		import { AvatarData } from "components/AvatarData/AvatarData"
		import { WorkspaceStatusBadge } from "components/WorkspaceStatusBadge/WorkspaceStatusBadge"
		import { FC } from "react"
		import { useNavigate, Link as RouterLink } from "react-router-dom"
		import { useNavigate } from "react-router-dom"
		import { getDisplayWorkspaceTemplateName } from "util/workspace"
		import { LastUsed } from "../LastUsed/LastUsed"
		import { Workspace } from "api/typesGenerated"
		import { OutdatedHelpTooltip } from "components/Tooltips/OutdatedHelpTooltip"
		import { Avatar } from "components/Avatar/Avatar"
		import { Stack } from "components/Stack/Stack"
		import TemplateLinkIcon from "@material-ui/icons/OpenInNewOutlined"
		import Link from "@material-ui/core/Link"
		import { useClickableTableRow } from "hooks/useClickableTableRow"

		export const WorkspacesRow: FC<{
Expand DownExpand Up		@@ -57,22 +55,7 @@ export const WorkspacesRow: FC<{
		/>
		</TableCell>

		<TableCell>
		<Link
		component={RouterLink}
		to={`/templates/${workspace.template_name}`}
		className={styles.templateLink}
		title={`Go to ${displayTemplateName} page`}
		onClick={(e) => {
		e.stopPropagation()
		}}
		>
		<Stack direction="row" alignItems="center" spacing={1}>
		<TemplateLinkIcon className={styles.templateLinkIcon} />
		<span>{displayTemplateName}</span>
		</Stack>
		</Link>
		</TableCell>
		<TableCell>{displayTemplateName}</TableCell>

		<TableCell>
		<LastUsed lastUsedAt={workspace.last_used_at} />
Expand DownExpand Up		@@ -102,18 +85,4 @@ const useStyles = makeStyles((theme) => ({
		display: "flex",
		paddingLeft: theme.spacing(2),
		},

		templateLink: {
		color: theme.palette.text.secondary,

		"&:hover": {
		color: theme.palette.text.primary,
		textDecoration: "none",
		},
		},

		templateLinkIcon: {
		width: theme.spacing(1.5),
		height: theme.spacing(1.5),
		},
		}))