index.tsx 756 B

1234567891011121314151617181920212223242526
  1. import styled from '@emotion/styled';
  2. import Feature from 'sentry/components/acl/feature';
  3. import PageFiltersContainer from 'sentry/components/organizations/pageFilters/container';
  4. import {PageContent} from 'sentry/styles/organization';
  5. import withPageFilters from 'sentry/utils/withPageFilters';
  6. const Body = styled('div')`
  7. background-color: ${p => p.theme.backgroundSecondary};
  8. flex-direction: column;
  9. flex: 1;
  10. `;
  11. const MonitorsContainer: React.FC = ({children}) => {
  12. return (
  13. <Feature features={['monitors']} renderDisabled>
  14. <PageFiltersContainer>
  15. <PageContent>
  16. <Body>{children}</Body>
  17. </PageContent>
  18. </PageFiltersContainer>
  19. </Feature>
  20. );
  21. };
  22. export default withPageFilters(MonitorsContainer);