feat: remove autoRefreshTimezoneOffset and recheckTimezoneOffset

example/src/screens/Calendar.tsx

@@ -1,31 +1,24 @@
 import {
   EventItem,
   HighlightDates,
+  MomentConfig,
   OnChangeProps,
   PackedEvent,
   RangeTime,
   TimelineCalendar,
   TimelineCalendarHandle,
   UnavailableItemProps,
-  MomentConfig,
 } from '@howljs/calendar-kit';
 import type { NavigationProp, RouteProp } from '@react-navigation/native';
 import dayjs from 'dayjs';
 import React, {
   useCallback,
-  useEffect,
   useLayoutEffect,
   useMemo,
   useRef,
   useState,
 } from 'react';
-import {
-  AppState,
-  StyleSheet,
-  Text,
-  TouchableOpacity,
-  View,
-} from 'react-native';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Line, Svg } from 'react-native-svg';
 import CustomUnavailableItem from './CustomUnavailableItem';
@@ -105,25 +98,6 @@ const Calendar = ({ route, navigation }: CalendarProps) => {
   const [events, setEvents] = useState<EventItem[]>([]);
   const [selectedEvent, setSelectedEvent] = useState<PackedEvent>();
 
-  const appState = useRef(AppState.currentState);
-  // if autoRefreshTimezoneOffset = true, you can remove this useEffect
-  useEffect(() => {
-    const subscription = AppState.addEventListener('change', (nextAppState) => {
-      if (
-        appState.current.match(/inactive|background/) &&
-        nextAppState === 'active'
-      ) {
-        // Recheck timezone offset the app has come to the foreground
-        calendarRef.current?.recheckTimezoneOffset();
-      }
-      appState.current = nextAppState;
-    });
-
-    return () => {
-      subscription.remove();
-    };
-  }, []);
-
   const _renderHeaderRight = useCallback(() => {
     return (
       <TouchableOpacity

src/components/Timeline/NowIndicator.tsx

@@ -16,7 +16,6 @@ interface NowIndicatorProps {
   tzOffset: string;
   start: number;
   updateCurrentDate: () => void;
-  recheckTimezoneOffset?: () => void;
   nowIndicatorInterval: number;
 }
 
@@ -36,15 +35,13 @@ const NowIndicator = ({
   start,
   updateCurrentDate,
   nowIndicatorInterval,
-  recheckTimezoneOffset,
 }: NowIndicatorProps) => {
   const initial = useRef(getCurrentMinutes(tzOffset));
   const translateY = useSharedValue(0);
   const intervalCallbackId = useRef<any>(null);
 
   const prevMinutes = useRef(initial.current.minutes);
   const updateLinePosition = useCallback(() => {
-    recheckTimezoneOffset?.();
     const { date, minutes } = getCurrentMinutes(tzOffset);
     if (prevMinutes.current === minutes) {
       return;
@@ -62,7 +59,6 @@ const NowIndicator = ({
       duration: 500,
     });
   }, [
-    recheckTimezoneOffset,
     tzOffset,
     start,
     timeIntervalHeight.value,

src/components/Timeline/TimelinePage.tsx

@@ -76,8 +76,6 @@ const TimelinePage = ({
     updateCurrentDate,
     nowIndicatorInterval,
     isPinchActive,
-    recheckTimezoneOffset,
-    autoRefreshTimezoneOffset,
   } = useTimelineCalendarContext();
 
   const eventsByColumns = useMemo(
@@ -181,9 +179,6 @@ const TimelinePage = ({
             tzOffset={tzOffset}
             start={start}
             updateCurrentDate={updateCurrentDate}
-            recheckTimezoneOffset={
-              autoRefreshTimezoneOffset ? recheckTimezoneOffset : undefined
-            }
             nowIndicatorInterval={nowIndicatorInterval}
           />
         )}

src/components/Timeline/index.tsx

@@ -75,7 +75,6 @@ const Timeline: React.ForwardRefRenderFunction<
     offsetY,
     timelineVerticalListRef,
     initialTimeIntervalHeight,
-    recheckTimezoneOffset,
   } = useTimelineCalendarContext();
   const { goToNextPage, goToPrevPage, goToOffsetY } = useTimelineScroll();
 
@@ -143,7 +142,6 @@ const Timeline: React.ForwardRefRenderFunction<
         goToOffsetY(Math.max(0, position - 8), animated);
       },
       forceUpdateNowIndicator: updateCurrentDate,
-      recheckTimezoneOffset: recheckTimezoneOffset,
       zoom: (props?: { scale?: number; height?: number }) => {
         let newHeight = props?.height ?? initialTimeIntervalHeight;
         if (props?.scale) {
@@ -179,7 +177,6 @@ const Timeline: React.ForwardRefRenderFunction<
       offsetY.value,
       timelineVerticalListRef,
       initialTimeIntervalHeight,
-      recheckTimezoneOffset,
     ]
   );
 

src/context/TimelineProvider.tsx

@@ -77,7 +77,6 @@ interface TimelineCalendarContextValue extends CustomTimelineProviderProps {
   updateCurrentDate: () => void;
   isPinchActive: SharedValue<boolean>;
   numOfColumns: number;
-  recheckTimezoneOffset: () => void;
 }
 
 const TimelineCalendarContext = React.createContext<
@@ -121,7 +120,6 @@ const TimelineProvider: React.FC<TimelineProviderProps> = (props) => {
     timeZone = moment.tz.guess(),
     nowIndicatorInterval = DEFAULT_PROPS.NOW_INDICATOR_INTERVAL,
     navigateDelay = DEFAULT_PROPS.NAVIGATION_DELAY,
-    autoRefreshTimezoneOffset = false,
     calendarWidth,
   } = props;
 
@@ -264,9 +262,7 @@ const TimelineProvider: React.FC<TimelineProviderProps> = (props) => {
       isPinchActive,
       navigateDelay,
       numOfColumns,
-      recheckTimezoneOffset: () => {},
       initialTimeIntervalHeight,
-      autoRefreshTimezoneOffset,
     };
   }, [
     pages,
@@ -312,7 +308,6 @@ const TimelineProvider: React.FC<TimelineProviderProps> = (props) => {
     isPinchActive,
     navigateDelay,
     initialTimeIntervalHeight,
-    autoRefreshTimezoneOffset,
   ]);
 
   const mountedRef = useRef(false);

src/types.ts

@@ -40,9 +40,6 @@ export interface TimelineCalendarHandle {
    * * props is `undefined`: Change `timeIntervalHeight` to initialTimeIntervalHeight
    */
   zoom: (props?: { scale?: number; height?: number }) => void;
-
-  /** Refresh timezone offset */
-  recheckTimezoneOffset: () => void;
 }
 
 export interface TimelineCalendarProps
@@ -329,9 +326,6 @@ export interface TimelineProviderProps {
    */
   navigateDelay?: number;
 
-  /** Auto refresh timezone offset every seconds */
-  autoRefreshTimezoneOffset?: boolean;
-
   /** Width of calendar */
   calendarWidth?: number;
 }