Merge pull request #6449 from mozilla/inspect-fix-object-list-closed

Deselect objects when the object sidebar is closed
Hubs-Foundation · Jan 23, 2024 · bf4927c · bf4927c
2 parents fead7c9 + aedfafa
commit bf4927c
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/react-components/room/ObjectsSidebarContainer.js b/src/react-components/room/ObjectsSidebarContainer.js
@@ -6,7 +6,7 @@ import { useObjectList } from "./hooks/useObjectList";
 
 export function ObjectsSidebarContainer({ onClose, hubChannel }) {
   const listRef = useRef();
-  const { objects, selectedObject, selectObject, unfocusObject, focusObject } = useObjectList();
+  const { objects, selectedObject, selectObject, deselectObject, unfocusObject, focusObject } = useObjectList();
 
   const onUnfocusListItem = useCallback(
     e => {
@@ -17,8 +17,13 @@ export function ObjectsSidebarContainer({ onClose, hubChannel }) {
     [unfocusObject, listRef]
   );
 
+  const onCloseWrapper = useCallback(() => {
+    deselectObject();
+    onClose();
+  }, [deselectObject, onClose]);
+
   return (
-    <ObjectsSidebar objectCount={objects.length} onClose={onClose}>
+    <ObjectsSidebar objectCount={objects.length} onClose={onCloseWrapper}>
       {objects.length > 0 ? (
         <List ref={listRef}>
           {objects.map(object => (