Merge pull request #81 from js361014/show-event-transaction

Show event transaction name
buggregator · Jul 24, 2022 · 9437dd1 · 9437dd1
2 parents 2b45d6b + c1fcc40
commit 9437dd1
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 4 deletions.
diff --git a/resources/js/Components/Sentry/Payloads/Exception.vue b/resources/js/Components/Sentry/Payloads/Exception.vue
@@ -1,10 +1,17 @@
 <template>
  <div class="sentry-exception">
  <Link as="div" :href="event.route.show" class="sentry-exception__link">
- <h3 class="sentry-exception__title">
- {{ event.payload.type }}
- </h3>
- <div class="sentry-exception__text">
+ <span class="float-left">
+ <h3 class="sentry-exception__title">
+ {{ event.payload.type }}
+ </h3>
+ </span>
+ <span class="float-left margin-space-10">
+ <h6>
+ {{ event.transactionName }}
+ </h6>
+ </span>
+ <div class="sentry-exception__text clear-both">
  {{ event.payload.value }}
  </div>
  </Link>

diff --git a/resources/js/Event.js b/resources/js/Event.js
@@ -23,6 +23,10 @@ export class Event {
  }
  }
 
+ get transactionName() {
+ return this.event.transaction
+ }
+
  get serverName() {
  return 'unknown'
  }

diff --git a/resources/scss/components/events/list-page/event-sentry.scss b/resources/scss/components/events/list-page/event-sentry.scss
@@ -51,3 +51,7 @@
  @apply text-gray-100;
  }
 }
+
+.margin-space-10 {
+ margin-left: 10px;
+}