Fix: earliest time range for initial scroll

remotelock · Mar 23, 2019 · 3f79fa1 · 3f79fa1
1 parent 5fa6877
commit 3f79fa1
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 10 deletions.
diff --git a/src/components/TimeGridScheduler.tsx b/src/components/TimeGridScheduler.tsx
@@ -34,7 +34,7 @@ import {
   RecurringTimeRange,
 } from '../utils/createMapCellInfoToRecurringTimeRange';
 import { createMapDateRangeToCells } from '../utils/createMapDateRangeToCells';
-import { getEarliestRange } from '../utils/getEarliestRange';
+import { getEarliestTimeRange } from '../utils/getEarliestTimeRange';
 import { getSpan } from '../utils/getSpan';
 import { mergeEvents, mergeRanges } from '../utils/mergeEvents';
 import { Cell } from './Cell';
@@ -328,7 +328,7 @@ export const TimeGridScheduler = React.memo(function TimeGridScheduler({
     }
 
     const range = dateRangeToCells(
-      getEarliestRange(schedule) || [
+      getEarliestTimeRange(schedule) || [
         addHours(originDate, defaultHours[0]),
         addHours(originDate, defaultHours[1]),
       ],

diff --git a/src/utils/getEarliestRange.ts b/src/utils/getEarliestRange.ts
diff --git a/src/utils/getEarliestTimeRange.ts b/src/utils/getEarliestTimeRange.ts
@@ -0,0 +1,11 @@
+import compareDesc from 'date-fns/compare_desc';
+import setDay from 'date-fns/set_day';
+import { DateRange } from '../types';
+
+export function getEarliestTimeRange(
+  ranges: DateRange[],
+): DateRange | undefined {
+  return [...ranges].sort(([startA], [startB]) =>
+    compareDesc(setDay(startA, 0), setDay(startB, 0)),
+  )[0];
+}