Hide children nodes seems to performe better on large traces

2021-11-02 21:54:25 -03:00 · 2021-11-02 21:54:25 -03:00 · 596ed93e0e
commit 596ed93e0e
parent fd5b884caa
1 changed files with 6 additions and 2 deletions
--- a/src/transaction/TraceItem.tsx
+++ b/src/transaction/TraceItem.tsx
@ -78,8 +78,12 @@ const TraceItem: React.FC<TraceItemProps> = ({
          </span>
        </div>
      </div>
-      {expanded && t.children && (
-        <div className={`pl-10 ${last ? "" : "border-l"} space-y-3`}>
+      {t.children && (
+        <div
+          className={`pl-10 ${last ? "" : "border-l"} space-y-3 ${
+            expanded ? "" : "hidden"
+          }`}
+        >
          {t.children.map((tc, i, a) => (
            <TraceItem
              key={i}