From 9103ccc71518e916e9dea4d0aadcb5ee3e9c5410 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Tue, 13 Sep 2022 19:30:43 +0530
Subject: [PATCH] fix(ui) - stack events - crash with array data

---
 .../Session_/StackEvents/UserEvent/JsonViewer.js      | 11 ++++++++---
 .../Session_/StackEvents/UserEvent/UserEvent.js       |  2 +-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/app/components/Session_/StackEvents/UserEvent/JsonViewer.js b/frontend/app/components/Session_/StackEvents/UserEvent/JsonViewer.js
index bb22ebb37..37a18c7dd 100644
--- a/frontend/app/components/Session_/StackEvents/UserEvent/JsonViewer.js
+++ b/frontend/app/components/Session_/StackEvents/UserEvent/JsonViewer.js
@@ -11,9 +11,14 @@ export default class JsonViewer extends React.PureComponent {
           <Icon name={icon} size="24" />
           <h4 className="my-5 mx-2 font-semibold text-xl"> {title}</h4>
         </div>
-        {isObjectData ? (
-          <JSONTree src={data} collapsed={false} />
-        ) : (
+        {isObjectData && <JSONTree src={data} collapsed={false} />}
+        {!isObjectData && Array.isArray(data) && (
+          <div>
+            <div className="text-lg">{data[0]}</div>
+            <JSONTree src={data[1]} collapsed={false} />
+          </div>
+        )}
+        {typeof data === 'string' && (
           <>
             <div className="-ml-2 text-disabled-text">Payload: </div>
             <div className="mx-2">{data}</div>
diff --git a/frontend/app/components/Session_/StackEvents/UserEvent/UserEvent.js b/frontend/app/components/Session_/StackEvents/UserEvent/UserEvent.js
index c0cda02a3..5890c5e1a 100644
--- a/frontend/app/components/Session_/StackEvents/UserEvent/UserEvent.js
+++ b/frontend/app/components/Session_/StackEvents/UserEvent/UserEvent.js
@@ -41,7 +41,7 @@ export default class UserEvent extends React.PureComponent {
         // onClick={ this.props.switchOpen } //
         onClick={this.props.onJump} //
         className={cn('group flex py-2 px-4 ', stl.userEvent, this.getLevelClassname(), {
-          [stl.inactive]: inactive,
+          // [stl.inactive]: inactive,
           [stl.selected]: selected,
         })}
       >