styles(explore): Render shorted span id (#80499)

getsentry · Nov 12, 2024 · c8fafc5 · c8fafc5
1 parent e6afdb4
commit c8fafc5
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/static/app/utils/discover/fieldRenderers.tsx b/static/app/utils/discover/fieldRenderers.tsx
@@ -353,6 +353,7 @@ type SpecialFields = {
   release: SpecialField;
   replayId: SpecialField;
   'span.status_code': SpecialField;
+  span_id: SpecialField;
   team_key_transaction: SpecialField;
   'timestamp.to_day': SpecialField;
   'timestamp.to_hour': SpecialField;
@@ -468,6 +469,17 @@ const SPECIAL_FIELDS: SpecialFields = {
       return <Container>{getShortEventId(id)}</Container>;
     },
   },
+  span_id: {
+    sortField: 'span_id',
+    renderFunc: data => {
+      const spanId: string | unknown = data?.span_id;
+      if (typeof spanId !== 'string') {
+        return null;
+      }
+
+      return <Container>{getShortEventId(spanId)}</Container>;
+    },
+  },
   trace: {
     sortField: 'trace',
     renderFunc: data => {