diff --git a/frontend/app/components/Session_/Subheader.js b/frontend/app/components/Session_/Subheader.js
index 8a8d4d2f6..8c87cd184 100644
--- a/frontend/app/components/Session_/Subheader.js
+++ b/frontend/app/components/Session_/Subheader.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
import { Icon, Tooltip, Button } from 'UI';
import QueueControls from './QueueControls';
import Bookmark from 'Shared/Bookmark';
@@ -33,6 +33,15 @@ function SubHeader(props) {
endTime,
} = store.get();
+ const enabledIntegration = useMemo(() => {
+ const { integrations } = props;
+ if (!integrations || !integrations.size) {
+ return false;
+ }
+
+ return integrations.some((i) => i.token);
+ })
+
const mappedResourceList = resourceList
.filter((r) => r.isRed || r.isYellow)
.concat(fetchList.filter((i) => parseInt(i.status) >= 400))
@@ -120,7 +129,7 @@ function SubHeader(props) {
Create Bug Report
-
+ {enabledIntegration && }
({ siteId: state.getIn(['site', 'siteId']) }))(observer(SubHeader));
+export default connect((state) => ({
+ siteId: state.getIn(['site', 'siteId']),
+ integrations: state.getIn([ 'issues', 'list' ])
+}))(observer(SubHeader));