diff --git a/frontend/app/Router.js b/frontend/app/Router.js
index a92cdb5ee..c0538d21d 100644
--- a/frontend/app/Router.js
+++ b/frontend/app/Router.js
@@ -16,12 +16,13 @@ import { withStore } from 'App/mstore';
import APIClient from './api_client';
import * as routes from './routes';
-import { OB_DEFAULT_TAB } from 'App/routes';
+import { OB_DEFAULT_TAB, isRoute } from 'App/routes';
import Signup from './components/Signup/Signup';
import { fetchTenants } from 'Duck/user';
import { setSessionPath } from 'Duck/sessions';
import { ModalProvider } from './components/Modal';
import { GLOBAL_DESTINATION_PATH } from 'App/constants/storageKeys';
+import SupportCallout from 'Shared/SupportCallout';
const Login = lazy(() => import('Components/Login/Login'));
const ForgotPassword = lazy(() => import('Components/ForgotPassword/ForgotPassword'));
@@ -104,6 +105,7 @@ const ONBOARDING_REDIRECT_PATH = routes.onboarding(OB_DEFAULT_TAB);
tenants: state.getIn(['user', 'tenants']),
existingTenant: state.getIn(['user', 'authDetails', 'tenants']),
onboarding: state.getIn(['user', 'onboarding']),
+ isEnterprise: state.getIn(['user', 'account', 'edition']) === 'ee' || state.getIn(['user', 'authDetails', 'edition']) === 'ee',
};
},
{
@@ -169,9 +171,10 @@ class Router extends React.Component {
}
render() {
- const { isLoggedIn, jwt, siteId, sites, loading, changePassword, location, existingTenant, onboarding } = this.props;
+ const { isLoggedIn, jwt, siteId, sites, loading, changePassword, location, existingTenant, onboarding, isEnterprise } = this.props;
const siteIdList = sites.map(({ id }) => id).toJS();
const hideHeader = (location.pathname && location.pathname.includes('/session/')) || location.pathname.includes('/assist/');
+ const isPlayer = isRoute(SESSION_PATH, location.pathname);
return isLoggedIn ? (
@@ -228,6 +231,7 @@ class Router extends React.Component {
+ {!isEnterprise && !isPlayer && }
) : (
}>
@@ -237,6 +241,7 @@ class Router extends React.Component {
{!existingTenant && }
+ {!isEnterprise && }
);
}
diff --git a/frontend/app/components/shared/SupportCallout/SupportCallout.tsx b/frontend/app/components/shared/SupportCallout/SupportCallout.tsx
new file mode 100644
index 000000000..b37b64616
--- /dev/null
+++ b/frontend/app/components/shared/SupportCallout/SupportCallout.tsx
@@ -0,0 +1,17 @@
+import React from 'react';
+import SlackIcon from '../../../svg/slack-help.svg';
+import { Popup } from 'UI';
+
+function SupportCallout() {
+ return (
+
+
+
+
+
+
+
+ );
+}
+
+export default SupportCallout;
diff --git a/frontend/app/components/shared/SupportCallout/index.ts b/frontend/app/components/shared/SupportCallout/index.ts
new file mode 100644
index 000000000..76db66d7a
--- /dev/null
+++ b/frontend/app/components/shared/SupportCallout/index.ts
@@ -0,0 +1 @@
+export { default } from './SupportCallout';
\ No newline at end of file
diff --git a/frontend/app/svg/slack-help.svg b/frontend/app/svg/slack-help.svg
index 772410879..d2e3c0382 100644
--- a/frontend/app/svg/slack-help.svg
+++ b/frontend/app/svg/slack-help.svg
@@ -1,4 +1,4 @@
-