@@ -51,6 +51,7 @@ var TaskCheckbox = function (_a) {
51
51
var material_ui_2 = require ( 'material-ui' ) ;
52
52
var content_1 = require ( './content' ) ;
53
53
var hint_1 = require ( './hint' ) ;
54
+ var page_complete_1 = require ( './page-complete' ) ;
54
55
var Info = require ( iconPath + 'action/info' ) ;
55
56
var InfoOutline = require ( iconPath + 'action/info-outline' ) ;
56
57
var style = {
@@ -120,11 +121,7 @@ var default_1 = (function (_super) {
120
121
) ) ;
121
122
} ) ,
122
123
React . createElement ( hint_1 . TaskHints , { task :currentTask , hintPosition :hintPosition } ) ,
123
- page . completed && ! ! page . onPageComplete ?React . createElement ( material_ui_1 . ListItem , { className :'cr-task-onComplete' , ref :'onPageComplete' } ,
124
- React . createElement ( "div" , { className :'cr-task-onComplete-description' } ,
125
- React . createElement ( _components_1 . MarkdownText , { text :page . onPageComplete } )
126
- )
127
- ) :null ,
124
+ React . createElement ( page_complete_1 . PageCompleteMessage , { page :page } ) ,
128
125
React . createElement ( "div" , { ref :'listEnd' } ) ) ,
129
126
React . createElement ( "section" , { className :'cr-page-toolbar' } ,
130
127
React . createElement ( material_ui_2 . LinearProgress , { mode :'determinate' , value :taskProgress ( taskPosition , tasks . length ) , style :{ height :'6px' } } ) ,