@@ -34,31 +34,35 @@ export default class extends React.Component<{
3434route :string , position :CR . Position , routeToProgress ?:any , routeToPage ?:any , routeToProjects ?:any , quit ?:any
3535} , { } > {
3636navOptions ( ) :React . ReactElement < { } > {
37+ const { routeToProgress, routeToPage} = this . props ;
3738switch ( this . props . route ) {
3839case 'page' :
39- return < button onTouchTap = { this . props . routeToProgress } > progress</ button > ;
40+ return < button onTouchTap = { routeToProgress } > progress</ button > ;
4041case 'progress' :
41- return < button onTouchTap = { this . props . routeToPage } > page</ button > ;
42+ return < button onTouchTap = { routeToPage } > page</ button > ;
4243default :return null ;
4344}
4445}
4546menuOptions ( ) {
47+ const { routeToProgress, routeToProjects} = this . props ;
4648switch ( this . props . route ) {
4749case 'page' :
4850return (
4951< div >
50- < MenuItem primaryText = 'progress' onTouchTap = { this . props . routeToProgress } key = 'progress' />
51- < MenuItem primaryText = 'projects' onTouchTap = { this . props . routeToProjects } key = 'projects' />
52+ < MenuItem primaryText = 'progress' onTouchTap = { routeToProgress } key = 'progress' />
53+ < MenuItem primaryText = 'projects' onTouchTap = { routeToProjects } key = 'projects' />
5254</ div > ) ;
5355case 'progress' :
54- return < MenuItem primaryText = 'projects' onTouchTap = { this . props . routeToProjects } key = 'projects' /> ;
56+ return < MenuItem primaryText = 'projects' onTouchTap = { routeToProjects } key = 'projects' /> ;
5557default :return null ;
5658}
5759}
5860closePanel ( ) {
5961togglePanel ( ) ;
6062}
6163render ( ) :React . ReactElement < { } > {
64+ const origin = { horizontal :'right' , vertical :'top' } ;
65+ const { quit} = this . props ;
6266return (
6367< AppBar title = { 'CodeRoad' }
6468className = 'cr-menu-bar'
@@ -68,20 +72,19 @@ export default class extends React.Component<{
6872iconButtonElement = {
6973< IconButton > < MoreVertIcon /> </ IconButton >
7074}
71- targetOrigin = { { horizontal :'right' , vertical :'top' } }
72- anchorOrigin = { { horizontal :'right' , vertical :'top' } }
73- >
75+ targetOrigin = { origin }
76+ anchorOrigin = { origin } >
7477{ /* Menu Items */ }
7578{ this . menuOptions ( ) }
76- { }
79+
7780{ window . coderoad . issuesPath ?< MenuItem key = 'issue' >
7881< a href = { window . coderoad . issuesPath } >
7982 post issue
8083</ a >
8184</ MenuItem > :null }
8285
8386< Divider />
84- < MenuItem primaryText = 'quit' onTouchTap = { this . props . quit } />
87+ < MenuItem primaryText = 'quit' onTouchTap = { quit } />
8588
8689</ IconMenu >
8790} />