diff --git a/frontend/app/components/Client/PreferencesMenu/PreferencesMenu.js b/frontend/app/components/Client/PreferencesMenu/PreferencesMenu.js index 8314e521a..9acc45ff9 100644 --- a/frontend/app/components/Client/PreferencesMenu/PreferencesMenu.js +++ b/frontend/app/components/Client/PreferencesMenu/PreferencesMenu.js @@ -7,112 +7,126 @@ import { CLIENT_TABS, client as clientRoute } from 'App/routes'; import { withRouter } from 'react-router-dom'; function PreferencesMenu({ account, activeTab, history, isEnterprise }) { - const isAdmin = account.admin || account.superAdmin; - const setTab = (tab) => { - history.push(clientRoute(tab)); - }; + const isAdmin = account.admin || account.superAdmin; + const setTab = (tab) => { + history.push(clientRoute(tab)); + }; - return ( -
-
-
- Preferences -
-
- -
- setTab(CLIENT_TABS.PROFILE)} - /> -
- -
- setTab(CLIENT_TABS.INTEGRATIONS)} - /> -
- -
- setTab(CLIENT_TABS.CUSTOM_FIELDS)} - title="Metadata" - /> -
- - { -
- setTab(CLIENT_TABS.WEBHOOKS)} - /> -
- } - -
- setTab(CLIENT_TABS.SITES)} - /> -
- - {isEnterprise && isAdmin && ( -
- setTab(CLIENT_TABS.MANAGE_ROLES)} - /> -
- )} - - {isEnterprise && isAdmin && ( -
- setTab(CLIENT_TABS.AUDIT)} - /> -
- )} - - {isAdmin && ( -
- setTab(CLIENT_TABS.MANAGE_USERS)} - /> -
- )} - -
- setTab(CLIENT_TABS.NOTIFICATIONS)} - /> -
+ return ( +
+
+
+ Preferences
- ); +
+ +
+ setTab(CLIENT_TABS.PROFILE)} + /> +
+ +
+ setTab(CLIENT_TABS.INTEGRATIONS)} + /> +
+ +
+ setTab(CLIENT_TABS.CUSTOM_FIELDS)} + title="Metadata" + /> +
+ + { +
+ setTab(CLIENT_TABS.WEBHOOKS)} + /> +
+ } + +
+ setTab(CLIENT_TABS.SITES)} + /> +
+ + {isEnterprise && isAdmin && ( +
+ setTab(CLIENT_TABS.MANAGE_ROLES)} + /> + +
+ )} + + {isEnterprise && isAdmin && ( +
+ setTab(CLIENT_TABS.AUDIT)} + /> + +
+ )} + + {isAdmin && ( +
+ setTab(CLIENT_TABS.MANAGE_USERS)} + /> + +
+ )} + +
+ setTab(CLIENT_TABS.NOTIFICATIONS)} + /> +
+
+ ); } export default connect((state) => ({ - isEnterprise: state.getIn(['user', 'account', 'edition']) === 'ee', - account: state.getIn(['user', 'account']), + isEnterprise: state.getIn(['user', 'account', 'edition']) === 'ee', + account: state.getIn(['user', 'account']), }))(withRouter(PreferencesMenu)); + +function AdminOnlyBadge() { + return ( +
+ Admin Only +
+ ); +} diff --git a/frontend/app/components/Session_/OverviewPanel/OverviewPanel.tsx b/frontend/app/components/Session_/OverviewPanel/OverviewPanel.tsx index 74253774b..2f1f75f2c 100644 --- a/frontend/app/components/Session_/OverviewPanel/OverviewPanel.tsx +++ b/frontend/app/components/Session_/OverviewPanel/OverviewPanel.tsx @@ -141,7 +141,6 @@ export default connect( stackEventList: state.stackList, performanceChartData: state.performanceChartData, endTime: state.endTime, - // endTime: 30000000, }))(OverviewPanel) ); diff --git a/frontend/app/components/ui/SideMenuitem/SideMenuitem.js b/frontend/app/components/ui/SideMenuitem/SideMenuitem.js index c9dd32b46..7c8e8272a 100644 --- a/frontend/app/components/ui/SideMenuitem/SideMenuitem.js +++ b/frontend/app/components/ui/SideMenuitem/SideMenuitem.js @@ -29,7 +29,7 @@ function SideMenuitem({ className={ cn( className, stl.menuItem, - "flex items-center py-2 justify-between", + "flex items-center py-2 justify-between shrink-0", { [stl.active] : active } )} onClick={disabled ? null : onClick}