fix(contextualbar thread): Remove resizable handler when thread is ex…

…panded (RocketChat#33958)
Saikat123Dev · Nov 19, 2024 · a72c315 · a72c315
1 parent c49808b
commit a72c315
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/unlucky-wasps-check.md b/.changeset/unlucky-wasps-check.md
@@ -0,0 +1,5 @@
+---
+'@rocket.chat/meteor': patch
+---
+
+Fixes an issue where resizable handler renders over the expanded thread view while using contextualbarResizable feature preview
diff --git a/apps/meteor/client/components/Contextualbar/ContextualbarResizable.tsx b/apps/meteor/client/components/Contextualbar/ContextualbarResizable.tsx
@@ -9,6 +9,8 @@ type ContextualbarResizableProps = { defaultWidth: string } & ComponentProps<typ
 
 const ContextualbarResizable = ({ defaultWidth, children, ...props }: ContextualbarResizableProps) => {
 	const [contextualbarWidth, setContextualbarWidth] = useLocalStorage('contextualbarWidth', defaultWidth);
+	const [expanded] = useLocalStorage('expand-threads', false);
+
 	const handleStyle = css`
 		height: 100%;
 		&:hover {
@@ -29,7 +31,7 @@ const ContextualbarResizable = ({ defaultWidth, children, ...props }: Contextual
 			minWidth={defaultWidth}
 			maxWidth='50%'
 			minHeight='100%'
-			handleStyles={{ left: { width: '3px', zIndex: 99, left: 0 } }}
+			handleStyles={{ left: { width: '3px', zIndex: expanded ? 5 : 99, left: 0 } }}
 			handleComponent={{ left: <Box className={handleStyle} /> }}
 		>
 			{children}