eventSdk.tsx 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. import React from 'react';
  2. import EventDataSection from 'app/components/events/eventDataSection';
  3. import Annotated from 'app/components/events/meta/annotated';
  4. import {t} from 'app/locale';
  5. import {Event} from 'app/types/event';
  6. type Props = {
  7. sdk: NonNullable<Event['sdk']>;
  8. };
  9. const EventSdk = ({sdk}: Props) => (
  10. <EventDataSection type="sdk" title={t('SDK')}>
  11. <table className="table key-value">
  12. <tbody>
  13. <tr key="name">
  14. <td className="key">{t('Name')}</td>
  15. <td className="value">
  16. <Annotated object={sdk} objectKey="name">
  17. {value => <pre className="val-string">{value}</pre>}
  18. </Annotated>
  19. </td>
  20. </tr>
  21. <tr key="version">
  22. <td className="key">{t('Version')}</td>
  23. <td className="value">
  24. <Annotated object={sdk} objectKey="version">
  25. {value => <pre className="val-string">{value}</pre>}
  26. </Annotated>
  27. </td>
  28. </tr>
  29. </tbody>
  30. </table>
  31. </EventDataSection>
  32. );
  33. export default EventSdk;