From 4d4180358e364aba78547a0bcb5b472572fd5483 Mon Sep 17 00:00:00 2001
From: Simon Larsen <simonlarsen@oneuptime.com>
Date: Wed, 28 Feb 2024 20:54:52 +0000
Subject: [PATCH] Add attributes display to LogItem component

---
 CommonUI/src/Components/LogsViewer/LogItem.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/CommonUI/src/Components/LogsViewer/LogItem.tsx b/CommonUI/src/Components/LogsViewer/LogItem.tsx
index d417754133..5aeed8d608 100644
--- a/CommonUI/src/Components/LogsViewer/LogItem.tsx
+++ b/CommonUI/src/Components/LogsViewer/LogItem.tsx
@@ -214,6 +214,17 @@ const LogItem: FunctionComponent<ComponentProps> = (
                     {getCopyButton(props.log.spanId?.toString() || '')}
                 </div>
             )}
+
+            {props.log.attributes && (
+                <div className="flex">
+                    <div className="font-medium text-slate-200 courier-prime mr-2">
+                        ATTRIBUTES:
+                    </div>
+                    <div className={`${bodyColor} courier-prime`}>
+                        {JSON.stringify(props.log.attributes, null, 2)}
+                    </div>
+                </div>
+            )}
         </div>
     );
 };