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));