index.tsx 540 B

12345678910111213141516171819202122232425
  1. import styled from '@emotion/styled';
  2. import space from 'sentry/styles/space';
  3. import Body from './body';
  4. import Header from './header';
  5. type Props = React.ComponentProps<typeof Body>;
  6. const SimilarTraceID = ({event, ...props}: Props) => {
  7. const traceID = event.contexts?.trace?.trace_id;
  8. return (
  9. <Wrapper>
  10. <Header traceID={traceID} />
  11. <Body traceID={traceID} event={event} {...props} />
  12. </Wrapper>
  13. );
  14. };
  15. export default SimilarTraceID;
  16. const Wrapper = styled('div')`
  17. display: grid;
  18. gap: ${space(2)};
  19. `;