Commit916c388

authored

fix: Statuses breaking line in the UI (#3071)

* fix: Fix statuses breaking line in the UI* fix: AppLink stories

1 parent82f159b commit916c388Copy full SHA for 916c388

File tree

+19

-3

lines changed

+19

-3

lines changed

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@ WithIcon.args = {`
`14`	`14`	`userName:"developer",`
`15`	`15`	`workspaceName:MockWorkspace.name,`
`16`	`16`	`appName:"code-server",`
`17`		`-appIcon:"/code.svg",`
	`17`	`+appIcon:"/icon/code.svg",`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`exportconstWithoutIcon=Template.bind({})`

Lines changed: 5 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -38,6 +38,7 @@ export const AppLink: FC<AppLinkProps> = ({ userName, workspaceName, appName, ap`
`38`	`38`	`<Button`
`39`	`39`	`size="small"`
`40`	`40`	startIcon={appIcon ?<imgalt={`${appName} Icon`}src={appIcon}/> :<ComputerIcon/>}
	`41`	`+className={styles.button}`
`41`	`42`	`>`
`42`	`43`	`{appName}`
`43`	`44`	`</Button>`
`@@ -49,4 +50,8 @@ const useStyles = makeStyles(() => ({`
`49`	`50`	`link:{`
`50`	`51`	`textDecoration:"none !important",`
`51`	`52`	`},`
	`53`	`+`
	`54`	`+button:{`
	`55`	`+whiteSpace:"nowrap",`
	`56`	`+},`
`52`	`57`	`}))`

Lines changed: 6 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -79,7 +79,9 @@ export const BuildsTable: FC<BuildsTableProps> = ({ builds, className }) => {`
`79`	`79`	`</span>`
`80`	`80`	`</TableCellLink>`
`81`	`81`	`<TableCellLinkto={buildPageLink}>`
`82`		`-<spanstyle={{color:status.color}}>{status.status}</span>`
	`82`	`+<spanstyle={{color:status.color}}className={styles.status}>`
	`83`	`+{status.status}`
	`84`	`+</span>`
`83`	`85`	`</TableCellLink>`
`84`	`86`	`<TableCellLinkto={buildPageLink}>`
`85`	`87`	`<divclassName={styles.arrowCell}>`
`@@ -126,4 +128,7 @@ const useStyles = makeStyles((theme) => ({`
`126`	`128`	`arrowCell:{`
`127`	`129`	`display:"flex",`
`128`	`130`	`},`
	`131`	`+status:{`
	`132`	`+whiteSpace:"nowrap",`
	`133`	`+},`
`129`	`134`	`}))`

Lines changed: 7 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -100,7 +100,9 @@ export const Resources: FC<ResourcesProps> = ({`
`100`	`100`	`{agent.name}`
`101`	`101`	`<divclassName={styles.agentInfo}>`
`102`	`102`	`<spanclassName={styles.operatingSystem}>{agent.operating_system}</span>`
`103`		`-<spanstyle={{color:agentStatus.color}}>{agentStatus.status}</span>`
	`103`	`+<spanstyle={{color:agentStatus.color}}className={styles.status}>`
	`104`	`+{agentStatus.status}`
	`105`	`+</span>`
`104`	`106`	`</div>`
`105`	`107`	`</TableCell>`
`106`	`108`	`<TableCell>`
`@@ -182,4 +184,8 @@ const useStyles = makeStyles((theme) => ({`
`182`	`184`	`flexWrap:"wrap",`
`183`	`185`	`justifyContent:"flex-end",`
`184`	`186`	`},`
	`187`	`+`
	`188`	`+status:{`
	`189`	`+whiteSpace:"nowrap",`
	`190`	`+},`
`185`	`191`	`}))`

Comments

(0)