@@ -7,10 +7,12 @@ import { Workspace } from "../../api/typesGenerated"
77import { CardRadius , MONOSPACE_FONT_FAMILY } from "../../theme/constants"
88import { combineClasses } from "../../util/combineClasses"
99import { getDisplayStatus } from "../../util/workspace"
10+ import { WorkspaceSection } from "../WorkspaceSection/WorkspaceSection"
1011
1112const Language = {
13+ workspaceDetails :"Workspace Details" ,
1214templateLabel :"Template" ,
13- statusLabel :"Status" ,
15+ statusLabel :"Workspace Status" ,
1416versionLabel :"Version" ,
1517lastBuiltLabel :"Last Built" ,
1618outdated :"Outdated" ,
@@ -27,7 +29,7 @@ export const WorkspaceStats: FC<WorkspaceStatsProps> = ({ workspace }) => {
2729const status = getDisplayStatus ( theme , workspace . latest_build )
2830
2931return (
30- < div className = { styles . stats } >
32+ < WorkspaceSection title = { Language . workspaceDetails } contentsProps = { { className : styles . stats } } >
3133< div className = { styles . statItem } >
3234< span className = { styles . statsLabel } > { Language . templateLabel } </ span >
3335< Link
@@ -65,7 +67,7 @@ export const WorkspaceStats: FC<WorkspaceStatsProps> = ({ workspace }) => {
6567</ span >
6668</ span >
6769</ div >
68- </ div >
70+ </ WorkspaceSection >
6971)
7072}
7173
@@ -79,7 +81,7 @@ const useStyles = makeStyles((theme) => ({
7981alignItems :"center" ,
8082color :theme . palette . text . secondary ,
8183fontFamily :MONOSPACE_FONT_FAMILY ,
82- border : `1px solid ${ theme . palette . divider } ` ,
84+ margin : "0px" ,
8385} ,
8486
8587statItem :{