@@ -28,6 +28,7 @@ dayjs.extend(relativeTime)
28
28
dayjs . extend ( timezone )
29
29
30
30
export const Language = {
31
+ schedule : "Schedule" ,
31
32
editDeadlineMinus : "Subtract one hour" ,
32
33
editDeadlinePlus : "Add one hour" ,
33
34
}
@@ -73,7 +74,7 @@ export const WorkspaceScheduleButton: React.FC<WorkspaceScheduleButtonProps> = (
73
74
}
74
75
75
76
return (
76
- < div className = { styles . wrapper } >
77
+ < span className = { styles . wrapper } >
77
78
< div className = { styles . label } >
78
79
< WorkspaceScheduleLabel workspace = { workspace } />
79
80
{ canUpdateWorkspace && shouldDisplayPlusMinus ( workspace ) && (
@@ -101,15 +102,16 @@ export const WorkspaceScheduleButton: React.FC<WorkspaceScheduleButtonProps> = (
101
102
</ Stack >
102
103
) }
103
104
</ div >
104
- < div >
105
+ < >
105
106
< Button
106
107
ref = { anchorRef }
107
108
startIcon = { < ScheduleIcon /> }
108
109
onClick = { ( ) => {
109
110
setIsOpen ( true )
110
111
} }
112
+ className = { styles . scheduleButton }
111
113
>
112
- Schedule
114
+ { Language . schedule }
113
115
</ Button >
114
116
< Popover
115
117
classes = { { paper : styles . popoverPaper } }
@@ -128,19 +130,19 @@ export const WorkspaceScheduleButton: React.FC<WorkspaceScheduleButtonProps> = (
128
130
>
129
131
< WorkspaceSchedule workspace = { workspace } canUpdateWorkspace = { canUpdateWorkspace } />
130
132
</ Popover >
131
- </ div >
132
- </ div >
133
+ </ >
134
+ </ span >
133
135
)
134
136
}
135
137
136
138
const useStyles = makeStyles ( ( theme ) => ( {
137
139
wrapper : {
138
140
display : "flex" ,
139
141
alignItems : "center" ,
142
+ border : `1px solid ${ theme . palette . divider } ` ,
143
+ borderRadius : `${ theme . shape . borderRadius } px` ,
140
144
} ,
141
-
142
145
label : {
143
- border : `1px solid ${ theme . palette . divider } ` ,
144
146
borderRight : 0 ,
145
147
height : "100%" ,
146
148
display : "flex" ,
@@ -150,11 +152,14 @@ const useStyles = makeStyles((theme) => ({
150
152
// It is from the button props
151
153
minHeight : 42 ,
152
154
} ,
153
-
155
+ scheduleButton : {
156
+ border : "none" ,
157
+ borderLeft : `1px solid ${ theme . palette . divider } ` ,
158
+ borderRadius : `0px ${ theme . shape . borderRadius } px ${ theme . shape . borderRadius } px 0px` ,
159
+ } ,
154
160
iconButton : {
155
161
borderRadius : 2 ,
156
162
} ,
157
-
158
163
popoverPaper : {
159
164
padding : `${ theme . spacing ( 2 ) } px ${ theme . spacing ( 3 ) } px ${ theme . spacing ( 3 ) } px` ,
160
165
} ,
0 commit comments