fix(MeditationByMonthForPeriod): do not display if there are no medit…

…ations
benji6 · Dec 31, 2023 · ce704f5 · ce704f5
1 parent 858548e
commit ce704f5
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/client/src/components/pages/Stats/Year/MeditationByMonthForPeriod.tsx b/client/src/components/pages/Stats/Year/MeditationByMonthForPeriod.tsx
@@ -3,6 +3,7 @@ import {
   formatIsoDateInLocalTimezone,
   formatIsoMonthInLocalTimezone,
 } from "../../../../utils";
+import { RootState } from "../../../../store";
 import { TIME } from "../../../../constants";
 import { eachMonthOfInterval } from "date-fns";
 import eventsSlice from "../../../../store/eventsSlice";
@@ -20,11 +21,16 @@ export default function MeditationByMonthForPeriod({
   dateFrom,
   dateTo,
 }: Props) {
+  const meditationIdsInPeriod = useSelector((state: RootState) =>
+    eventsSlice.selectors.meditationIdsInPeriod(state, dateFrom, dateTo),
+  );
   const noramlizedTotalSecondsMeditatedByMonth = useSelector(
     eventsSlice.selectors.normalizedTotalSecondsMeditatedByMonth,
   );
   const navigate = useNavigate();
 
+  if (!meditationIdsInPeriod.length) return null;
+
   const months = eachMonthOfInterval({ start: dateFrom, end: dateTo }).slice(
     0,
     -1,