address TODO around clearing unread flags when closing a 'my pinboard…

…' which is also a group pinboard and might have its own unread there

client/src/globalState.tsx

@@ -566,8 +566,7 @@ export const GlobalStateProvider = ({
     }
     setSelectedPinboardId(null);
     setError(pinboardIdToClose, undefined);
-    //TODO probably need to check if pinboard is also in group pinboards, so we don't lose an unread on there
-    setUnreadFlag(pinboardIdToClose)(undefined);
+    setUnreadFlag(pinboardIdToClose)(undefined); // note that panel.tsx detects this and reinstates any hasUnread from the group pinboards
   };
 
   useEffect(() => {

client/src/panel.tsx

@@ -66,6 +66,7 @@ export const Panel = ({
     activeTab,
     setActiveTab,
     boundedPositionTranslation,
+    unreadFlags,
     setUnreadFlag,
     totalItemsReceivedViaSubscription,
   } = useGlobalStateContext();
@@ -109,6 +110,15 @@ export const Panel = ({
     [groupPinboardIdsQuery.data]
   );
 
+  useEffect(() => {
+    // ensure that if ever the pinboard is closed manually, the hasUnread from the group pinboards becomes the value
+    groupPinboardIdsWithClaimCounts.forEach(
+      ({ pinboardId, hasUnread }) =>
+        unreadFlags[pinboardId] === undefined &&
+        setUnreadFlag(pinboardId)(hasUnread)
+    );
+  }, [unreadFlags]);
+
   useEffect(() => {
     groupPinboardIdsWithClaimCounts.forEach(({ pinboardId, hasUnread }) =>
       setUnreadFlag(pinboardId)(hasUnread)