diff --git a/client/src/components/Dashboard/index.tsx b/client/src/components/Dashboard/index.tsx index c8d9659..50d1e0a 100644 --- a/client/src/components/Dashboard/index.tsx +++ b/client/src/components/Dashboard/index.tsx @@ -34,6 +34,7 @@ import Avatar from 'react-md/lib/Avatars'; import Subheader from 'react-md/lib/Subheaders'; import Divider from 'react-md/lib/Dividers'; import TextField from 'react-md/lib/TextFields'; +import MenuButton from 'react-md/lib/Menus/MenuButton'; interface IDashboardProps { dashboard?: IDashboardConfig; @@ -294,66 +295,66 @@ export default class Dashboard extends React.Component - - - ), - ( - - - - ), - ( - - - - ) - ); - } else { - toolbarActions.push( - ( - - ), - ( - - - - ), - ( - - - - ), - ( - - - - ) - ); - toolbarActions.reverse(); - } - // Edit toggle button - const editLabel = editMode ? 'Finish editing' : 'Edit mode' ; + const editLabel = editMode ? 'Save layout' : 'Edit layout' ; + toolbarActions.push( ( - + + + + ), + ( + + + + ), + ( + + ), + ( + + + info} + onClick={this.onOpenInfo.bind(this, dashboard.html)} + /> + + code} + onClick={() => EditorActions.loadDashboard(dashboard.id)} + /> + file_download} + onClick={this.onDownloadDashboard} + /> + cloud_download} + onClick={this.onSaveAsTemplate} + /> + + delete} + onClick={this.onDeleteDashboard} + /> + + ) );