From 66ccc5b5320b0f92e495c7db4d6e8a54458706a4 Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Tue, 1 Apr 2025 21:50:30 +0000
Subject: [PATCH] fix detaching renders bad filtering

---
 .../src/layouts/components/toolsBar/index.jsx | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/packages/app/src/layouts/components/toolsBar/index.jsx b/packages/app/src/layouts/components/toolsBar/index.jsx
index f61ed41c..11877f86 100755
--- a/packages/app/src/layouts/components/toolsBar/index.jsx
+++ b/packages/app/src/layouts/components/toolsBar/index.jsx
@@ -49,15 +49,15 @@ export default class ToolsBar extends React.Component {
 			return component
 		},
 		detachRender: (id) => {
-			this.setState({
-				renders: {
-					top: this.state.renders.top.filter(
-						(render) => render.id !== id,
-					),
-					bottom: this.state.renders.bottom.filter(
-						(render) => render.id !== id,
-					),
-				},
+			this.setState((prev) => {
+				prev.renders.top = prev.renders.top.filter(
+					(render) => render.id === id,
+				)
+				prev.renders.bottom = prev.renders.bottom.filter(
+					(render) => render.id === id,
+				)
+
+				return prev
 			})
 
 			return true
@@ -104,6 +104,7 @@ export default class ToolsBar extends React.Component {
 										{
 											...render.props,
 											key: index,
+											id: render.id,
 										},
 									)
 								})}