fallback for missing payload

crabnebula-dev · Nov 21, 2023 · 002de92 · 002de92
1 parent 537a744
commit 002de92
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/web-client/src/components/span/event-span-detail.tsx b/web-client/src/components/span/event-span-detail.tsx
@@ -61,16 +61,16 @@ export function EventSpanDetail(props: Props) {
           </For>
         </tbody>
       </table>
-      <Show when={payload().length > 0}>
-        <div class="grid gap-2">
+      <div class="grid gap-2">
+        <Show when={payload().length > 0} fallback={<h4 class="p-4">Event dropped</h4>}>
           <h2 class="text-xl p-4">Payload</h2>
           <table>
             <tbody>
               <SpanDetailArgs args={payload()} />
             </tbody>
           </table>
-        </div>
-      </Show>
+        </Show>
+      </div>
     </div>
   );
 }