💄 Ikke bytt til fire års zoom når det ikke er nødvendig

Author: havstein

src/routes/saksbilde/timeline/Timeline.tsx

@@ -22,7 +22,7 @@ import { ScrollButtons } from './ScrollButtons';
 import { TimelineRow, TimelineRowSkeleton } from './TimelineRow';
 import { ZoomLevelPicker } from './ZoomLevelPicker';
 import { useInfotrygdPeriods } from './hooks/useInfotrygdPeriods';
-import { ZoomLevel, useTimelineControls } from './hooks/useTimelineControls';
+import { ZoomLevel, getMergedPeriods, useLatestPossibleDate, useTimelineControls } from './hooks/useTimelineControls';
 
 import styles from './Timeline.module.css';
 
@@ -33,6 +33,14 @@ interface TimelineWithContentProps {
     person: PersonFragment;
 }
 
+const useLatestDate = (
+    arbeidsgivere: Array<ArbeidsgiverFragment>,
+    infotrygdutbetalinger: Array<Infotrygdutbetaling>,
+): dayjs.Dayjs => {
+    const perioder = getMergedPeriods(arbeidsgivere, infotrygdutbetalinger);
+    return useLatestPossibleDate(perioder);
+};
+
 const TimelineWithContent = ({
     arbeidsgivere,
     infotrygdutbetalinger,
@@ -48,13 +56,13 @@ const TimelineWithContent = ({
         canNavigateForwards,
         canNavigateBackwards,
     } = useTimelineControls(arbeidsgivere, infotrygdutbetalinger);
+    const nyesteDag = useLatestDate(arbeidsgivere, infotrygdutbetalinger);
 
     useEffect(() => {
         const defaultZoomLevel = () => {
             if (isBeregnetPeriode(activePeriod)) {
-                if (dayjs(activePeriod.fom).isSameOrBefore(dayjs(Date.now()).subtract(1, 'year')))
-                    return ZoomLevel.FIRE_ÅR;
-                else if (dayjs(activePeriod.fom).isSameOrBefore(dayjs(Date.now()).subtract(6, 'month')))
+                if (dayjs(activePeriod.fom).isSameOrBefore(nyesteDag.subtract(1, 'year'))) return ZoomLevel.FIRE_ÅR;
+                else if (dayjs(activePeriod.fom).isSameOrBefore(nyesteDag.subtract(6, 'month')))
                     return ZoomLevel.ETT_ÅR;
             }
             return ZoomLevel.SEKS_MÅNEDER;

src/routes/saksbilde/timeline/hooks/useTimelineControls.ts

@@ -41,7 +41,7 @@ const getEarliestDate = (perioder: Array<Periode>): Dayjs => {
     }, dayjs());
 };
 
-const getMergedPeriods = (
+export const getMergedPeriods = (
     arbeidsgivere: Array<ArbeidsgiverFragment>,
     infotrygdutbetalinger: Array<Infotrygdutbetaling>,
 ): Array<Periode> => {
@@ -52,7 +52,7 @@ const getMergedPeriods = (
     ];
 };
 
-const useLatestPossibleDate = (periods: Array<Periode>): Dayjs => {
+export const useLatestPossibleDate = (periods: Array<Periode>): Dayjs => {
     return useMemo(() => {
         return getLatestDate(periods);
     }, [periods]);