Count only non-archived events (#21496)

frontend/src/metabase/timelines/collections/components/TimelineCard/TimelineCard.tsx

@@ -26,7 +26,7 @@ const TimelineCard = ({
 }: TimelineCardProps): JSX.Element => {
   const timelineUrl = Urls.timelineInCollection(timeline, collection);
   const menuItems = getMenuItems(timeline, collection, onUnarchive);
-  const eventCount = timeline.events?.length;
+  const eventCount = getEventCount(timeline);
   const hasDescription = Boolean(timeline.description);
   const hasMenuItems = menuItems.length > 0;
   const hasEventCount = !hasMenuItems && eventCount != null;
@@ -58,6 +58,10 @@ const TimelineCard = ({
   );
 };
 
+const getEventCount = (timeline: Timeline) => {
+  return timeline.events ? timeline.events.filter(e => !e.archived).length : 0;
+};
+
 const getMenuItems = (
   timeline: Timeline,
   collection: Collection,

frontend/src/metabase/timelines/collections/components/TimelineCard/TimelineCard.unit.spec.tsx

@@ -11,7 +11,11 @@ describe("TimelineCard", () => {
   it("should render timeline", () => {
     const props = getProps({
       timeline: createMockTimeline({
-        events: [createMockTimelineEvent(), createMockTimelineEvent()],
+        events: [
+          createMockTimelineEvent(),
+          createMockTimelineEvent(),
+          createMockTimelineEvent({ archived: true }),
+        ],
       }),
     });