Function useStars

src/hooks/useStars.js:9–62

()

const DEFAULT_STARS = 33200;

export const useStars = () => {
  const [stars, setStars] = useState(DEFAULT_STARS);

  useSingleEffect(() => {
    const fetchStars = async () => {
      try {
        const cachedData = localStorage.getItem(CACHE_KEY);

        if (cachedData) {
          const { count, timestamp } = JSON.parse(cachedData);
          const now = Date.now();

          if (now - timestamp < CACHE_DURATION && count && count !== 'NAN') {
            setStars(count);
            return;
          }
        }

        const count = await getStarsCount();

        // Only update if we got a valid count
        if (count && count !== 'NAN') {
          localStorage.setItem(
            CACHE_KEY,
            JSON.stringify({
              count,
              timestamp: Date.now()
            })
          );

          setStars(count);
        }
      } catch (error) {
        console.error('Error fetching stars:', error);

        const cachedData = localStorage.getItem(CACHE_KEY);
        if (cachedData) {
          const { count } = JSON.parse(cachedData);
          if (count && count !== 'NAN') {
            setStars(count);
          } else {
            setStars(DEFAULT_STARS);
          }
        } else {
          setStars(DEFAULT_STARS);
        }
      }
    };

    fetchStars();
  }, []);

  return stars;
};