✨ [extension] revamp event description and JSON viz (#2371)

* ✨ better JSON visualization * ✨ better event description * 👌 restore pointer on event rows * 👌 format date and durations properly
DataDog · Sep 15, 2023 · bd5aa77 · bd5aa77
1 parent 007a621
commit bd5aa77
Show file tree

Hide file tree

Showing 9 changed files with 635 additions and 277 deletions.
diff --git a/LICENSE-3rdparty.csv b/LICENSE-3rdparty.csv
@@ -8,7 +8,6 @@ prod,@mantine/core,MIT,Copyright (c) 2021 Vitaly Rtishchev
 prod,@mantine/hooks,MIT,Copyright (c) 2021 Vitaly Rtishchev
 prod,react,MIT,Copyright (c) Facebook, Inc. and its affiliates.
 prod,react-dom,MIT,Copyright (c) Facebook, Inc. and its affiliates.
-prod,react-json-view,MIT,Copyright (c) 2015 Mac Gainor
 dev,@emotion/react,MIT,Emotion team and other contributors
 dev,@jsdevtools/coverage-istanbul-loader,MIT,Copyright (c) 2015 James Messinger
 dev,@types/chrome,MIT,Copyright Microsoft Corporation

diff --git a/developer-extension/package.json b/developer-extension/package.json
@@ -22,8 +22,7 @@
     "@mantine/core": "6.0.20",
     "@mantine/hooks": "6.0.20",
     "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-json-view": "1.21.3"
+    "react-dom": "18.2.0"
   },
   "volta": {
     "extends": "../package.json"

diff --git a/developer-extension/src/panel/components/app.tsx b/developer-extension/src/panel/components/app.tsx
@@ -43,6 +43,9 @@ export function App() {
           xl: '22px',
         },
         fontFamilyMonospace: 'menlo, monospace',
+        other: {
+          fontSizeMonospace: '11px',
+        },
       }}
       withGlobalStyles
     >