diff --git a/assets/images/icon/car.png b/assets/images/icon/car.png
new file mode 100644
index 0000000..fade9ed
Binary files /dev/null and b/assets/images/icon/car.png differ
diff --git a/assets/images/icon/flight.png b/assets/images/icon/flight.png
new file mode 100644
index 0000000..3165a92
Binary files /dev/null and b/assets/images/icon/flight.png differ
diff --git a/assets/images/icon/hotel.png b/assets/images/icon/hotel.png
new file mode 100644
index 0000000..cb11f97
Binary files /dev/null and b/assets/images/icon/hotel.png differ
diff --git a/src/common/pages/App/index.js b/src/common/pages/App/index.js
index cbd368d..9033be0 100644
--- a/src/common/pages/App/index.js
+++ b/src/common/pages/App/index.js
@@ -372,16 +372,53 @@ export default class App extends React.Component {
             <IconButton className="hide-on-small-only" style={{marginRight: 10}} onClick={() => this.toggleDrawer()}>
               <IconMenus/>
             </IconButton>
-            <Button className="toolbar-button-sysinfo hide-on-small-only" size="small" type="dashed"
-                    style={{marginRight: (window.innerWidth < 600) ? 2 : 10}}
-                    onClick={() => this.openNotification(null, "System Information", "This is your computer locale timezone", "clock-circle")}>
-              <Icon type="clock-circle"/> <span className="hide-on-small-only">{moment().format('h:mm:ss A')}</span>
-            </Button>
+            {/*<Button className="toolbar-button-sysinfo hide-on-small-only" size="small" type="dashed"*/}
+                    {/*style={{marginRight: (window.innerWidth < 600) ? 2 : 10}}*/}
+                    {/*onClick={() => this.openNotification(null, "System Information", "This is your computer locale timezone", "clock-circle")}>*/}
+              {/*<Icon type="clock-circle"/> <span className="hide-on-small-only">{moment().format('h:mm:ss A')}</span>*/}
+            {/*</Button>*/}
+
             {/*<Button className="toolbar-button-sysinfo hide-on-small-only" size="small" type="dashed"*/}
                     {/*style={{marginRight: (window.innerWidth < 600) ? 2 : 10}}*/}
                     {/*onClick={() => this.openNotification(null, "System Information", "This is your computer locale timezone", "environment")}>*/}
               {/*<Icon type="environment"/><span className="hide-on-small-only">{this.user.userGeolocation.ip}</span>*/}
             {/*</Button>*/}
+
+            <Link onClick={this
+              .changeRoute
+              .bind(this, '/app/dashboard')} to={LINKS.DASHBOARD}><MenuItem
+              leftIcon={<img src="/assets/images/icon/chart.png"/>}
+              className={(this.state.selectedMenu === '/app/dashboard') ? "menuAkunItem active" : 'menuAkunItem'}><span
+              className="menuAkun">Dashboard</span></MenuItem></Link>
+
+            <Link onClick={this
+              .changeRoute
+              .bind(this, '/app/dashboard')} to={LINKS.DASHBOARD}><MenuItem
+              leftIcon={<img src="/assets/images/icon/flight.png"/>}
+              className={(this.state.selectedMenu === '/app/dashboard') ? "menuAkunItem active" : 'menuAkunItem'}><span
+              className="menuAkun">Flight</span></MenuItem></Link>
+
+            <Link onClick={this
+              .changeRoute
+              .bind(this, '/app/dashboard')} to={LINKS.DASHBOARD}><MenuItem
+              leftIcon={<img src="/assets/images/icon/hotel.png"/>}
+              className={(this.state.selectedMenu === '/app/dashboard') ? "menuAkunItem active" : 'menuAkunItem'}><span
+              className="menuAkun">Hotel</span></MenuItem></Link>
+
+            <Link onClick={this
+              .changeRoute
+              .bind(this, '/app/dashboard')} to={LINKS.DASHBOARD}><MenuItem
+              leftIcon={<img src="/assets/images/icon/car.png"/>}
+              className={(this.state.selectedMenu === '/app/dashboard') ? "menuAkunItem active" : 'menuAkunItem'}><span
+              className="menuAkun">Car</span></MenuItem></Link>
+
+            <Link onClick={this
+              .changeRoute
+              .bind(this, '/app/items')} to={LINKS.ITEMS}><MenuItem
+              leftIcon={<img src="/assets/images/icon/product.png"/>}
+              className={(this.state.selectedMenu === '/app/items') ? "menuAkunItem active" : 'menuAkunItem'}><span
+              className="menuAkun">Shop</span></MenuItem></Link>
+
             {/*<Button className="toolbar-button-sysinfo hide-on-small-only" size="small" type="dashed"*/}
                     {/*style={{marginRight: (window.innerWidth < 600) ? 2 : 10}}*/}
                     {/*onClick={() => this.openNotification(null, "System Information", "This is your computer locale timezone", "calendar")}>*/}
@@ -544,85 +581,85 @@ export default class App extends React.Component {
             </ToolbarGroup>
           </Toolbar>
 
-          <Link onClick={this
-            .changeRoute
-            .bind(this, '/app/dashboard')} to={LINKS.DASHBOARD}><MenuItem
-            leftIcon={<img src="/assets/images/icon/chart.png"/>}
-            className={(this.state.selectedMenu === '/app/dashboard') ? "menuAkunItem active" : 'menuAkunItem'}><span
-            className="menuAkun">Dashboard</span></MenuItem></Link>
+          {/*<Link onClick={this*/}
+            {/*.changeRoute*/}
+            {/*.bind(this, '/app/dashboard')} to={LINKS.DASHBOARD}><MenuItem*/}
+            {/*leftIcon={<img src="/assets/images/icon/chart.png"/>}*/}
+            {/*className={(this.state.selectedMenu === '/app/dashboard') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
+            {/*className="menuAkun">Dashboard</span></MenuItem></Link>*/}
 
-          {
-            userData.role == 'administrator' ?
-              <Link onClick={this
-                .changeRoute
-                .bind(this, '/app/data')} to={LINKS.DATA}> <MenuItem
-                leftIcon={<img src="/assets/images/icon/data.png"/>}
-                className={(this.state.selectedMenu === '/app/data') ? "menuAkunItem active" : 'menuAkunItem'}><span
-                className="menuAkun">Data</span></MenuItem></Link> : ''
-          }
+          {/*{*/}
+            {/*userData.role == 'administrator' ?*/}
+              {/*<Link onClick={this*/}
+                {/*.changeRoute*/}
+                {/*.bind(this, '/app/data')} to={LINKS.DATA}> <MenuItem*/}
+                {/*leftIcon={<img src="/assets/images/icon/data.png"/>}*/}
+                {/*className={(this.state.selectedMenu === '/app/data') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
+                {/*className="menuAkun">Data</span></MenuItem></Link> : ''*/}
+          {/*}*/}
 
-          {
-            userData.role == 'administrator' &&
-              <Link onClick={this
-                .changeRoute
-                .bind(this, '/app/layout')} to={LINKS.LAYOUT}> <MenuItem
-                leftIcon={<img src="/assets/images/icon/layout.png"/>}
-                className={(this.state.selectedMenu === '/app/layout') ? "menuAkunItem active" : 'menuAkunItem'}><span
-                className="menuAkun">Layout</span></MenuItem></Link>
-          }
+          {/*{*/}
+            {/*userData.role == 'administrator' &&*/}
+              {/*<Link onClick={this*/}
+                {/*.changeRoute*/}
+                {/*.bind(this, '/app/layout')} to={LINKS.LAYOUT}> <MenuItem*/}
+                {/*leftIcon={<img src="/assets/images/icon/layout.png"/>}*/}
+                {/*className={(this.state.selectedMenu === '/app/layout') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
+                {/*className="menuAkun">Layout</span></MenuItem></Link>*/}
+          {/*}*/}
 
-          {
-            userData.role == 'administrator' &&
-            <Link onClick={this
-              .changeRoute
-              .bind(this, '/app/content')} to={LINKS.CONTENT}> <MenuItem
-              leftIcon={<img src="/assets/images/icon/content.png"/>}
-              className={(this.state.selectedMenu === '/app/content') ? "menuAkunItem active" : 'menuAkunItem'}><span
-              className="menuAkun">Content</span></MenuItem></Link>
-          }
+          {/*{*/}
+            {/*userData.role == 'administrator' &&*/}
+            {/*<Link onClick={this*/}
+              {/*.changeRoute*/}
+              {/*.bind(this, '/app/content')} to={LINKS.CONTENT}> <MenuItem*/}
+              {/*leftIcon={<img src="/assets/images/icon/content.png"/>}*/}
+              {/*className={(this.state.selectedMenu === '/app/content') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
+              {/*className="menuAkun">Content</span></MenuItem></Link>*/}
+          {/*}*/}
 
-          {
-            userData.role === 'administrator' &&
-            <Link onClick={this
-              .changeRoute
-              .bind(this, '/app/tasks')} to={LINKS.TASKS}> <MenuItem
-              leftIcon={<img src="/assets/images/icon/tasks.png"/>}
-              className={(this.state.selectedMenu === '/app/tasks') ? "menuAkunItem active" : 'menuAkunItem'}><span
-              className="menuAkun">Tasks</span></MenuItem></Link>
-          }
+          {/*{*/}
+            {/*userData.role === 'administrator' &&*/}
+            {/*<Link onClick={this*/}
+              {/*.changeRoute*/}
+              {/*.bind(this, '/app/tasks')} to={LINKS.TASKS}> <MenuItem*/}
+              {/*leftIcon={<img src="/assets/images/icon/tasks.png"/>}*/}
+              {/*className={(this.state.selectedMenu === '/app/tasks') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
+              {/*className="menuAkun">Tasks</span></MenuItem></Link>*/}
+          {/*}*/}
 
-          {
-            userData.role == 'store' ?
-          <Link onClick={this
-            .changeRoute
-            .bind(this, '/app/items')} to={LINKS.ITEMS}> <MenuItem
-            leftIcon={<img src="/assets/images/icon/product.png"/>}
-            className={(this.state.selectedMenu === '/app/items') ? "menuAkunItem active" : 'menuAkunItem'}><span
-            className="menuAkun">Items</span></MenuItem></Link>
-            : ""
-          }
+          {/*{*/}
+            {/*userData.role == 'store' ?*/}
+          {/*<Link onClick={this*/}
+            {/*.changeRoute*/}
+            {/*.bind(this, '/app/items')} to={LINKS.ITEMS}> <MenuItem*/}
+            {/*leftIcon={<img src="/assets/images/icon/product.png"/>}*/}
+            {/*className={(this.state.selectedMenu === '/app/items') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
+            {/*className="menuAkun">Items</span></MenuItem></Link>*/}
+            {/*: ""*/}
+          {/*}*/}
 
-          {
-            userData.role == 'store' ?
-          <Link onClick={this
-            .changeRoute
-            .bind(this, '/app/billing')} to={LINKS.WALLET}> <MenuItem
-            leftIcon={<img src="/assets/images/icon/wallet.png"/>}
-            className={(this.state.selectedMenu === '/app/billing') ? "menuAkunItem active" : 'menuAkunItem'}><span
-            className="menuAkun">Wallet</span></MenuItem></Link> : ""
-          }
+          {/*{*/}
+            {/*userData.role == 'store' ?*/}
+          {/*<Link onClick={this*/}
+            {/*.changeRoute*/}
+            {/*.bind(this, '/app/billing')} to={LINKS.WALLET}> <MenuItem*/}
+            {/*leftIcon={<img src="/assets/images/icon/wallet.png"/>}*/}
+            {/*className={(this.state.selectedMenu === '/app/billing') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
+            {/*className="menuAkun">Wallet</span></MenuItem></Link> : ""*/}
+          {/*}*/}
 
 
-          {
-            userData.role == 'store' ?
-          <Link onClick={this
-            .changeRoute
-            .bind(this, '/app/orders')} to={LINKS.ORDER}> <MenuItem
-            leftIcon={<img src="/assets/images/icon/accounting.png"/>}
-            className={(this.state.selectedMenu === '/app/orders') ? "menuAkunItem active" : 'menuAkunItem'}><span
-            className="menuAkun">Order</span></MenuItem></Link>
-            : ""
-          }
+          {/*{*/}
+            {/*userData.role == 'store' ?*/}
+          {/*<Link onClick={this*/}
+            {/*.changeRoute*/}
+            {/*.bind(this, '/app/orders')} to={LINKS.ORDER}> <MenuItem*/}
+            {/*leftIcon={<img src="/assets/images/icon/accounting.png"/>}*/}
+            {/*className={(this.state.selectedMenu === '/app/orders') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
+            {/*className="menuAkun">Order</span></MenuItem></Link>*/}
+            {/*: ""*/}
+          {/*}*/}
           {/*<Link onClick={this*/}
             {/*.changeRoute*/}
             {/*.bind(this, '/app/tasks')} to={LINKS.TASKS}> <MenuItem*/}
@@ -630,15 +667,15 @@ export default class App extends React.Component {
             {/*className={(this.state.selectedMenu === '/app/tasks') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
             {/*className="menuAkun">Tasks</span></MenuItem></Link>*/}
 
-          {
-            userData.role == 'store' ?
-          <Link onClick={this
-            .changeRoute
-            .bind(this, '/app/stores')} to={LINKS.STORES}> <MenuItem
-            leftIcon={<img src="/assets/images/icon/store.png"/>}
-            className={(this.state.selectedMenu === '/app/stores') ? "menuAkunItem active" : 'menuAkunItem'}><span
-            className="menuAkun">Store</span></MenuItem></Link> : ''
-          }
+          {/*{*/}
+            {/*userData.role == 'store' ?*/}
+          {/*<Link onClick={this*/}
+            {/*.changeRoute*/}
+            {/*.bind(this, '/app/stores')} to={LINKS.STORES}> <MenuItem*/}
+            {/*leftIcon={<img src="/assets/images/icon/store.png"/>}*/}
+            {/*className={(this.state.selectedMenu === '/app/stores') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
+            {/*className="menuAkun">Store</span></MenuItem></Link> : ''*/}
+          {/*}*/}
 
           {/* {
             userData.role == 'store' ?
@@ -671,20 +708,20 @@ export default class App extends React.Component {
           } */}
 
 
-          <Link onClick={this
-            .changeRoute
-            .bind(this, '/app/inbox')} to={LINKS.INBOX}> <MenuItem
-            leftIcon={<img src="/assets/images/icon/inbox.png"/>}
-            className={(this.state.selectedMenu === '/app/inbox') ? "menuAkunItem active" : 'menuAkunItem'}><span
-            className="menuAkun">Inbox</span></MenuItem></Link>
-          {/*{*/}
-            {/*userData.role == 'administrator' &&           */}
-            <Link onClick={this
-              .changeRoute
-              .bind(this, '/app/setting')} to={LINKS.SETTING}> <MenuItem
-              leftIcon={<img src="/assets/images/icon/settings.png"/>}
-              className={(this.state.selectedMenu === '/app/setting') ? "menuAkunItem active" : 'menuAkunItem'}><span
-              className="menuAkun">Setting</span></MenuItem></Link>
+          {/*<Link onClick={this*/}
+            {/*.changeRoute*/}
+            {/*.bind(this, '/app/inbox')} to={LINKS.INBOX}> <MenuItem*/}
+            {/*leftIcon={<img src="/assets/images/icon/inbox.png"/>}*/}
+            {/*className={(this.state.selectedMenu === '/app/inbox') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
+            {/*className="menuAkun">Inbox</span></MenuItem></Link>*/}
+          {/*/!*{*!/*/}
+            {/*/!*userData.role == 'administrator' &&           *!/*/}
+            {/*<Link onClick={this*/}
+              {/*.changeRoute*/}
+              {/*.bind(this, '/app/setting')} to={LINKS.SETTING}> <MenuItem*/}
+              {/*leftIcon={<img src="/assets/images/icon/settings.png"/>}*/}
+              {/*className={(this.state.selectedMenu === '/app/setting') ? "menuAkunItem active" : 'menuAkunItem'}><span*/}
+              {/*className="menuAkun">Setting</span></MenuItem></Link>*/}
           {/*}*/}
           {/*
             userData.role == 'administrator' ?