@@ -19,28 +19,27 @@ import Link from "@mui/material/Link"
19
19
// connected:ready, connected:shutting_down, connected:shutdown_timeout,
20
20
// connected:shutdown_error, connected:off.
21
21
22
- const ReadyLifecycle : React . FC = ( ) => {
22
+ const ReadyLifecycle = ( ) => {
23
23
const styles = useStyles ( )
24
24
const { t} = useTranslation ( "workspacePage" )
25
25
26
26
return (
27
27
< div
28
28
role = "status"
29
- aria-label = { t ( "agentStatus.connected.ready" ) }
29
+ aria-label = { t ( "agentStatus.connected.ready" ) || "Ready" }
30
30
className = { combineClasses ( [ styles . status , styles . connected ] ) }
31
31
/>
32
32
)
33
33
}
34
34
35
35
const StartingLifecycle :React . FC = ( ) => {
36
36
const styles = useStyles ( )
37
- const { t} = useTranslation ( "workspacePage" )
38
37
39
38
return (
40
- < Tooltip title = { t ( "agentStatus.connected.starting" ) } >
39
+ < Tooltip title = "Starting..." >
41
40
< div
42
41
role = "status"
43
- aria-label = { t ( "agentStatus.connected.starting" ) }
42
+ aria-label = "Starting..."
44
43
className = { combineClasses ( [ styles . status , styles . connecting ] ) }
45
44
/>
46
45
</ Tooltip >
@@ -135,13 +134,12 @@ const StartErrorLifecycle: React.FC<{
135
134
136
135
const ShuttingDownLifecycle :React . FC = ( ) => {
137
136
const styles = useStyles ( )
138
- const { t} = useTranslation ( "workspacePage" )
139
137
140
138
return (
141
- < Tooltip title = { t ( "agentStatus.connected.shuttingDown" ) } >
139
+ < Tooltip title = "Stopping..." >
142
140
< div
143
141
role = "status"
144
- aria-label = { t ( "agentStatus.connected.shuttingDown" ) }
142
+ aria-label = "Stopping..."
145
143
className = { combineClasses ( [ styles . status , styles . connecting ] ) }
146
144
/>
147
145
</ Tooltip >
@@ -236,13 +234,12 @@ const ShutdownErrorLifecycle: React.FC<{
236
234
237
235
const OffLifecycle :React . FC = ( ) => {
238
236
const styles = useStyles ( )
239
- const { t} = useTranslation ( "workspacePage" )
240
237
241
238
return (
242
- < Tooltip title = { t ( "agentStatus.connected.off" ) } >
239
+ < Tooltip title = "Stopped" >
243
240
< div
244
241
role = "status"
245
- aria-label = { t ( "agentStatus.connected.off" ) }
242
+ aria-label = "Stopped"
246
243
className = { combineClasses ( [ styles . status , styles . disconnected ] ) }
247
244
/>
248
245
</ Tooltip >
@@ -289,13 +286,12 @@ const ConnectedStatus: React.FC<{
289
286
290
287
const DisconnectedStatus :React . FC = ( ) => {
291
288
const styles = useStyles ( )
292
- const { t} = useTranslation ( "workspacePage" )
293
289
294
290
return (
295
- < Tooltip title = { t ( "agentStatus.disconnected" ) } >
291
+ < Tooltip title = "Disconnected" >
296
292
< div
297
293
role = "status"
298
- aria-label = { t ( "agentStatus.disconnected" ) }
294
+ aria-label = "Disconnected"
299
295
className = { combineClasses ( [ styles . status , styles . disconnected ] ) }
300
296
/>
301
297
</ Tooltip >
@@ -304,13 +300,12 @@ const DisconnectedStatus: React.FC = () => {
304
300
305
301
const ConnectingStatus :React . FC = ( ) => {
306
302
const styles = useStyles ( )
307
- const { t} = useTranslation ( "workspacePage" )
308
303
309
304
return (
310
- < Tooltip title = { t ( "agentStatus.connecting" ) } >
305
+ < Tooltip title = "Connecting..." >
311
306
< div
312
307
role = "status"
313
- aria-label = { t ( "agentStatus.connecting" ) }
308
+ aria-label = "Connecting..."
314
309
className = { combineClasses ( [ styles . status , styles . connecting ] ) }
315
310
/>
316
311
</ Tooltip >