Deselect objects when the object sidebar is closed

Hubs-Foundation · Jan 23, 2024 · aedfafa · aedfafa
1 parent fead7c9
commit aedfafa
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 => (