index.tsx 934 B

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