From e10ed4d8c4328f0bb6929ae5a70e9a10f66120f0 Mon Sep 17 00:00:00 2001
From: Maxwell Reid <contact@maxwellreid.tech>
Date: Fri, 2 Dec 2022 10:04:49 +1100
Subject: [PATCH] Update legend and tooltip to display filtered people count

---
 .../src/components/AvailabilityViewer/AvailabilityViewer.jsx  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/crabfit-frontend/src/components/AvailabilityViewer/AvailabilityViewer.jsx b/crabfit-frontend/src/components/AvailabilityViewer/AvailabilityViewer.jsx
index c863501..568b312 100644
--- a/crabfit-frontend/src/components/AvailabilityViewer/AvailabilityViewer.jsx
+++ b/crabfit-frontend/src/components/AvailabilityViewer/AvailabilityViewer.jsx
@@ -126,7 +126,7 @@ const AvailabilityViewer = ({
                         setTooltip({
                           x: Math.round(cellBox.x-wrapperBox.x + cellBox.width/2),
                           y: Math.round(cellBox.y-wrapperBox.y + cellBox.height)+6,
-                          available: `${peopleHere.length} / ${people.length} ${t('event:available')}`,
+                          available: `${peopleHere.length} / ${filteredPeople.length} ${t('event:available')}`,
                           date: parsedDate.hour(time.slice(0, 2)).minute(time.slice(2, 4)).format(isSpecificDates ? `${timeText} ddd, D MMM YYYY` : `${timeText} ddd`),
                           people: peopleHere,
                         })
@@ -168,7 +168,7 @@ const AvailabilityViewer = ({
         <Legend
           min={Math.min(min, filteredPeople.length)}
           max={Math.min(max, filteredPeople.length)}
-          total={people.filter(p => p.availability.length > 0).length}
+          total={filteredPeople.length}
           onSegmentFocus={count => setFocusCount(count)}
         />
         <Info>{t('event:group.info1')}</Info>