Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit8a853a6

Browse files
authored
Show build initiator on Workspace Build page (#2446)
* show build initiator in ui* update autostop story
1 parent6d0579d commit8a853a6

File tree

3 files changed

+62
-2
lines changed

3 files changed

+62
-2
lines changed

‎site/src/components/WorkspaceBuildStats/WorkspaceBuildStats.stories.tsx

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,3 +13,20 @@ export const Example = Template.bind({})
1313
Example.args={
1414
build:MockWorkspaceBuild,
1515
}
16+
17+
exportconstAutostart=Template.bind({})
18+
Autostart.args={
19+
build:{
20+
...MockWorkspaceBuild,
21+
reason:"autostart",
22+
},
23+
}
24+
25+
exportconstAutostop=Template.bind({})
26+
Autostop.args={
27+
build:{
28+
...MockWorkspaceBuild,
29+
transition:"stop",
30+
reason:"autostop",
31+
},
32+
}

‎site/src/components/WorkspaceBuildStats/WorkspaceBuildStats.tsx

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,11 @@ import { Link as RouterLink } from "react-router-dom"
55
import{WorkspaceBuild}from"../../api/typesGenerated"
66
import{CardRadius,MONOSPACE_FONT_FAMILY}from"../../theme/constants"
77
import{combineClasses}from"../../util/combineClasses"
8-
import{displayWorkspaceBuildDuration,getDisplayWorkspaceBuildStatus}from"../../util/workspace"
8+
import{
9+
displayWorkspaceBuildDuration,
10+
getDisplayWorkspaceBuildInitiatedBy,
11+
getDisplayWorkspaceBuildStatus,
12+
}from"../../util/workspace"
913

1014
exportinterfaceWorkspaceBuildStatsProps{
1115
build:WorkspaceBuild
@@ -15,6 +19,7 @@ export const WorkspaceBuildStats: FC<WorkspaceBuildStatsProps> = ({ build }) =>
1519
conststyles=useStyles()
1620
consttheme=useTheme()
1721
conststatus=getDisplayWorkspaceBuildStatus(theme,build)
22+
constinitiatedBy=getDisplayWorkspaceBuildInitiatedBy(theme,build)
1823

1924
return(
2025
<divclassName={styles.stats}>
@@ -51,6 +56,13 @@ export const WorkspaceBuildStats: FC<WorkspaceBuildStatsProps> = ({ build }) =>
5156
<spanclassName={styles.statsLabel}>Action</span>
5257
<spanclassName={combineClasses([styles.statsValue,styles.capitalize])}>{build.transition}</span>
5358
</div>
59+
<divclassName={styles.statsDivider}/>
60+
<divclassName={styles.statItem}>
61+
<spanclassName={styles.statsLabel}>Initiated by</span>
62+
<spanclassName={styles.statsValue}>
63+
<spanstyle={{color:initiatedBy.color}}>{initiatedBy.initiatedBy}</span>
64+
</span>
65+
</div>
5466
</div>
5567
)
5668
}
@@ -72,7 +84,7 @@ const useStyles = makeStyles((theme) => ({
7284
},
7385

7486
statItem:{
75-
minWidth:"16%",
87+
minWidth:"13%",
7688
padding:theme.spacing(2),
7789
paddingTop:theme.spacing(1.75),
7890
},

‎site/src/util/workspace.ts

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -186,6 +186,37 @@ export const getDisplayWorkspaceBuildStatus = (
186186
}
187187
}
188188

189+
exportconstDisplayWorkspaceBuildInitiatedByLanguage={
190+
autostart:"system/autostart",
191+
autostop:"system/autostop",
192+
}
193+
194+
exportconstgetDisplayWorkspaceBuildInitiatedBy=(
195+
theme:Theme,
196+
build:TypesGen.WorkspaceBuild,
197+
):{
198+
color:string
199+
initiatedBy:string
200+
}=>{
201+
switch(build.reason){
202+
case"initiator":
203+
return{
204+
color:theme.palette.text.secondary,
205+
initiatedBy:build.initiator_name,
206+
}
207+
case"autostart":
208+
return{
209+
color:theme.palette.secondary.dark,
210+
initiatedBy:DisplayWorkspaceBuildInitiatedByLanguage.autostart,
211+
}
212+
case"autostop":
213+
return{
214+
color:theme.palette.secondary.dark,
215+
initiatedBy:DisplayWorkspaceBuildInitiatedByLanguage.autostop,
216+
}
217+
}
218+
}
219+
189220
exportconstgetWorkspaceBuildDurationInSeconds=(build:TypesGen.WorkspaceBuild):number|undefined=>{
190221
constisCompleted=build.job.started_at&&build.job.completed_at
191222

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp