From 13e3095cd102da3f4eaabe1a940f44e78f4e66db Mon Sep 17 00:00:00 2001
From: Mary Kate <mk@marykatefain.com>
Date: Thu, 13 Aug 2020 17:02:49 -0500
Subject: [PATCH] initial pass at fixing counter, doesn't work

---
 .../features/ui/containers/status_list_container.js   | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/soapbox/features/ui/containers/status_list_container.js b/app/soapbox/features/ui/containers/status_list_container.js
index f54cd2eee..0e2ac07a5 100644
--- a/app/soapbox/features/ui/containers/status_list_container.js
+++ b/app/soapbox/features/ui/containers/status_list_container.js
@@ -38,12 +38,21 @@ const makeGetStatusIds = () => createSelector([
 const mapStateToProps = (state, { timelineId }) => {
   const getStatusIds = makeGetStatusIds();
 
+  const queuedItems = state.getIn(['timelines', timelineId, 'queuedItems'], ImmutableList());
+  console.log('queuedItems:', queuedItems);
+
+  const filteredQueuedItems = queuedItems.filter((id) => getStatusIds(state, { type: timelineId }).includes(id));
+  console.log('filteredQueuedItems:', filteredQueuedItems);
+
+  const filteredQueuedItemsCount = filteredQueuedItems.count();
+  console.log('filteredQueuedItemsCount:', filteredQueuedItemsCount);
+
   return {
     statusIds: getStatusIds(state, { type: timelineId }),
     isLoading: state.getIn(['timelines', timelineId, 'isLoading'], true),
     isPartial: state.getIn(['timelines', timelineId, 'isPartial'], false),
     hasMore:   state.getIn(['timelines', timelineId, 'hasMore']),
-    totalQueuedItemsCount: state.getIn(['timelines', timelineId, 'totalQueuedItemsCount']),
+    totalQueuedItemsCount: filteredQueuedItemsCount,
   };
 };