Jul 20, 2022 · Jul 20, 2022 · Jul 20, 2022 · Jul 20, 2022 · Jul 20, 2022 · Jul 20, 2022
diff --git a/site/src/components/AppLink/AppLink.stories.tsx b/site/src/components/AppLink/AppLink.stories.tsx
  userName: "developer",
  workspaceName: MockWorkspace.name,
  appName: "code-server",
  appIcon: "/code.svg",
  appIcon: "/icon/code.svg",
 }

 export const WithoutIcon = Template.bind({})
diff --git a/site/src/components/AppLink/AppLink.tsx b/site/src/components/AppLink/AppLink.tsx
      <Button
        size="small"
        startIcon={appIcon ? <img alt={`${appName} Icon`} src={appIcon} /> : <ComputerIcon />}
        className={styles.button}
      >
        {appName}
      </Button>
  link: {
    textDecoration: "none !important",
  },

  button: {
    whiteSpace: "nowrap",
  },
 }))
diff --git a/site/src/components/BuildsTable/BuildsTable.tsx b/site/src/components/BuildsTable/BuildsTable.tsx
                  </span>
                </TableCellLink>
                <TableCellLink to={buildPageLink}>
                  <span style={{ color: status.color }}>{status.status}</span>
                  <span style={{ color: status.color }} className={styles.status}>
                    {status.status}
                  </span>
                </TableCellLink>
                <TableCellLink to={buildPageLink}>
                  <div className={styles.arrowCell}>
  arrowCell: {
    display: "flex",
  },
  status: {
    whiteSpace: "nowrap",
  },
 }))
diff --git a/site/src/components/Resources/Resources.tsx b/site/src/components/Resources/Resources.tsx
                      {agent.name}
                      <div className={styles.agentInfo}>
                        <span className={styles.operatingSystem}>{agent.operating_system}</span>
                        <span style={{ color: agentStatus.color }}>{agentStatus.status}</span>
                        <span style={{ color: agentStatus.color }} className={styles.status}>
                          {agentStatus.status}
                        </span>
                      </div>
                    </TableCell>
                    <TableCell>
    flexWrap: "wrap",
    justifyContent: "flex-end",
  },

  status: {
    whiteSpace: "nowrap",
  },
 }))
Original file line number	Diff line number	Diff line change
Expand Up		@@ -14,7 +14,7 @@ WithIcon.args = {
		userName: "developer",
		workspaceName: MockWorkspace.name,
		appName: "code-server",
		appIcon: "/code.svg",
		appIcon: "/icon/code.svg",
		}

		export const WithoutIcon = Template.bind({})
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -38,6 +38,7 @@ export const AppLink: FC<AppLinkProps> = ({ userName, workspaceName, appName, ap
		<Button
		size="small"
		startIcon={appIcon ? <img alt={`${appName} Icon`} src={appIcon} /> : <ComputerIcon />}
		className={styles.button}
		>
		{appName}
		</Button>
Expand All		@@ -49,4 +50,8 @@ const useStyles = makeStyles(() => ({
		link: {
		textDecoration: "none !important",
		},

		button: {
		whiteSpace: "nowrap",
		},
		}))
Original file line number	Diff line number	Diff line change
Expand Up		@@ -79,7 +79,9 @@ export const BuildsTable: FC<BuildsTableProps> = ({ builds, className }) => {
		</span>
		</TableCellLink>
		<TableCellLink to={buildPageLink}>
		<span style={{ color: status.color }}>{status.status}</span>
		<span style={{ color: status.color }} className={styles.status}>
Copy link Member Kira-PilotJul 20, 2022 Choose a reason for hiding this comment The reason will be displayed to describe this comment to others.Learn more. Now that this has a class, we can move the inline style into that class. Copy link CollaboratorAuthor BrunoQuaresmaJul 20, 2022 Choose a reason for hiding this comment The reason will be displayed to describe this comment to others.Learn more. It is inline because it is dynamic and passed from the props. Copy link Member Kira-PilotJul 20, 2022 Choose a reason for hiding this comment The reason will be displayed to describe this comment to others.Learn more. we can still pass it i think, but nbd if you want to leave it inline!
		{status.status}
		</span>
		</TableCellLink>
		<TableCellLink to={buildPageLink}>
		<div className={styles.arrowCell}>
Expand DownExpand Up		@@ -126,4 +128,7 @@ const useStyles = makeStyles((theme) => ({
		arrowCell: {
		display: "flex",
		},
		status: {
		whiteSpace: "nowrap",
		},
		}))
Original file line number	Diff line number	Diff line change
Expand Up		@@ -100,7 +100,9 @@ export const Resources: FC<ResourcesProps> = ({
		{agent.name}
		<div className={styles.agentInfo}>
		<span className={styles.operatingSystem}>{agent.operating_system}</span>
		<span style={{ color: agentStatus.color }}>{agentStatus.status}</span>
		<span style={{ color: agentStatus.color }} className={styles.status}>
		{agentStatus.status}
		</span>
		</div>
		</TableCell>
		<TableCell>
Expand DownExpand Up		@@ -182,4 +184,8 @@ const useStyles = makeStyles((theme) => ({
		flexWrap: "wrap",
		justifyContent: "flex-end",
		},

		status: {
		whiteSpace: "nowrap",
		},
		}))