1
1
import * as React from 'react'
2
2
import { Balloon } from '@alifd/next'
3
3
import Button from '../Button'
4
- import Icon from '../Icon'
5
4
6
5
const styles = {
7
6
iconButton :{
@@ -10,9 +9,12 @@ const styles = {
10
9
alignItems :'center' ,
11
10
width :30 ,
12
11
height :30 ,
12
+ fontSize :18 ,
13
+ color :'grey' ,
13
14
} ,
14
15
balloonTitle :{
15
16
marginTop :0 ,
17
+ textAlign :'center' as 'center' ,
16
18
} ,
17
19
balloonOptions :{
18
20
display :'flex' ,
@@ -33,15 +35,11 @@ const StepHelp = (props: Props) => {
33
35
props . onLoadSolution ( )
34
36
}
35
37
}
36
- const promptLeft = (
37
- < Button style = { styles . iconButton } >
38
- < Icon type = "prompt" role = "button" />
39
- </ Button >
40
- )
38
+ const promptLeft = < Button style = { styles . iconButton } > i</ Button >
41
39
return (
42
- < Balloon trigger = { promptLeft } align = "l" alignEdge triggerType = "click" style = { { width :300 } } >
40
+ < Balloon trigger = { promptLeft } align = "l" alignEdge triggerType = "click" style = { { width :150 } } closable = { false } >
43
41
< div >
44
- < h4 style = { styles . balloonTitle } > Stuck? Need help? </ h4 >
42
+ < h4 style = { styles . balloonTitle } > Stuck?</ h4 >
45
43
< div style = { styles . balloonOptions } >
46
44
< Button type = "secondary" onClick = { onClickHandler } disabled = { loadedSolution } >
47
45
Load Solution