managarten/maerchenzauber/apps/mobile/hooks/useFirstVisit.ts

import { useEffect, useState } from 'react';
import AsyncStorage from '@react-native-async-storage/async-storage';

export const useFirstVisit = (pageId: string) => {
  const [isFirstVisit, setIsFirstVisit] = useState(true);
  const [showAllTooltips, setShowAllTooltips] = useState(false);

  useEffect(() => {
    const checkFirstVisit = async () => {
      try {
        const visited = await AsyncStorage.getItem(`visited_${pageId}`);
        if (!visited) {
          setShowAllTooltips(true);
          await AsyncStorage.setItem(`visited_${pageId}`, 'true');
        }
        setIsFirstVisit(false);
      } catch (error) {
        console.error('Error checking first visit:', error);
      }
    };

    checkFirstVisit();
  }, [pageId]);

  return { isFirstVisit, showAllTooltips };
};