From 3d86fcf635085ebc86541b392eb4c2293320a6e5 Mon Sep 17 00:00:00 2001
From: sylenien <nikita@openreplay.com>
Date: Fri, 9 Sep 2022 12:57:53 +0200
Subject: [PATCH] feat(ui): zustand actions tab

---
 .../components/Session_/Storage/Storage.js    | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/frontend/app/components/Session_/Storage/Storage.js b/frontend/app/components/Session_/Storage/Storage.js
index 62e9eda19..9bd6c0174 100644
--- a/frontend/app/components/Session_/Storage/Storage.js
+++ b/frontend/app/components/Session_/Storage/Storage.js
@@ -138,16 +138,23 @@ export default class Storage extends React.PureComponent {
 				src = item.payload;
 				name = `@${item.type} ${src && src.type}`;
 			break;
+			case STORAGE_TYPES.ZUSTAND:
+				src = null;
+				name = item.mutation.join('')
 		}
 
 		return (
 			<div className="flex justify-between items-start" key={ `store-${i}` }>
-				<JSONTree
-					name={ this.ensureString(name) }
-					src={ src }
-					collapsed
-					collapseStringsAfterLength={ 7 }
-				/>
+				{src === null ? (
+					<div className="font-mono"> {name} </div>
+				) : (
+					<JSONTree
+						name={ this.ensureString(name) }
+						src={ src }
+						collapsed
+						collapseStringsAfterLength={ 7 }
+					/>
+				)}
 				<div className="flex items-center">
 					{ i + 1 < listNow.length &&
 						<button