|
1 | 1 | import*asReactfrom'react' |
2 | | -import{Dialog}from'@alifd/next' |
| 2 | +import{Dialog,Message}from'@alifd/next' |
3 | 3 | importButtonfrom'../../../components/Button' |
4 | | -importMarkdownfrom'../../../components/Markdown' |
5 | 4 |
|
6 | 5 | interfaceProps{ |
7 | 6 | disabled:boolean |
@@ -29,26 +28,19 @@ const Reset = (props: Props) => { |
29 | 28 | Reset |
30 | 29 | </Button> |
31 | 30 | <Dialog |
32 | | -title="Reset" |
33 | 31 | visible={modalState==='confirm'} |
34 | 32 | onOk={onOk} |
35 | 33 | onCancel={onClose} |
36 | 34 | onClose={onClose} |
37 | 35 | footerActions={['ok','cancel']} |
38 | 36 | > |
39 | | -<Markdown> |
40 | | -{`Are you sure you want to reset yourprogress? |
41 | | -Resetting progress will remove the commits you have made and replace them with the tutorial commit timeline. Your code may lookdifferent after resetting.`} |
42 | | -</Markdown> |
| 37 | +<Messagetype="warning"title="Are you sure you want to reset?"> |
| 38 | +Resetting progress will replace your progress with the tutorial's standardprogress. Your code may look |
| 39 | +different after resetting. |
| 40 | +</Message> |
43 | 41 | </Dialog> |
44 | | -<Dialog |
45 | | -title="Resetting..." |
46 | | -visible={modalState==='progress'} |
47 | | -footer={false} |
48 | | -onClose={onClose} |
49 | | -closeable={false} |
50 | | -> |
51 | | - Reverting progress to an earlier commit... |
| 42 | +<Dialogvisible={modalState==='progress'}footer={false}onClose={onClose}closeable={false}> |
| 43 | +<Messagetype="loading"title="Resetting..."/> |
52 | 44 | </Dialog> |
53 | 45 | </> |
54 | 46 | ) |
|