From 92d9623dccce2a1d6bec68ab11e0fd05157dce8f Mon Sep 17 00:00:00 2001
From: KatoakDR <68095633+KatoakDR@users.noreply.github.com>
Date: Sun, 15 Sep 2024 14:13:38 -0500
Subject: [PATCH] feat: debug log when item is focused, closed, or moved

---
 electron/renderer/components/grid/grid.tsx | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/electron/renderer/components/grid/grid.tsx b/electron/renderer/components/grid/grid.tsx
index 2c752911..1a9c036a 100644
--- a/electron/renderer/components/grid/grid.tsx
+++ b/electron/renderer/components/grid/grid.tsx
@@ -22,22 +22,17 @@ export const Grid: React.FC<GridProps> = (props: GridProps): ReactNode => {
 
   const logger = useLogger('cmp:grid');
 
-  // TODO when user adds an item to the grid then add it to layout and save layout
-
-  const focusedContentItemId = useMemo(() => {
+  const [focusedItemId, setFocusedItemId] = useState<string>(() => {
     const focusedItem = contentItems.find((contentItem) => {
       return contentItem.isFocused;
     });
     return focusedItem?.itemId ?? '';
-  }, [contentItems]);
-
-  const [focusedItemId, setFocusedItemId] =
-    useState<string>(focusedContentItemId);
+  });
 
   const onItemFocus = useCallback(
     (item: GridItemInfo) => {
       const { itemId } = item;
-      logger.debug(`focused item ${itemId}`, { item });
+      logger.debug('focused item', { item });
       setFocusedItemId(itemId);
     },
     [logger]
@@ -45,16 +40,14 @@ export const Grid: React.FC<GridProps> = (props: GridProps): ReactNode => {
 
   const onItemClose = useCallback(
     (item: GridItemInfo) => {
-      const { itemId } = item;
-      logger.debug(`closed item ${itemId}`, { item });
+      logger.debug('closed item', { item });
     },
     [logger]
   );
 
   const onItemMoveResize = useCallback(
     (item: GridItemInfo) => {
-      const { itemId } = item;
-      logger.debug(`moved item ${itemId}`, { item });
+      logger.debug('moved item', { item });
     },
     [logger]
   );