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 (
-
-
-
-
- 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 (
+
+
+
+
+ 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}