src/hooks/useFavorites.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

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

export const useFavorites = () => {
  const favoritesStorage = useAsyncStorage('favorites');
  const [favoriteAppNames, setFavoriteAppNames] = useState<string[]>([]);

  const getFavoriteAppNames = useStableCallback(async (): Promise<string[]> => {
    try {
      const result = await favoritesStorage.getItem();
      const apps = result ? JSON.parse(result) : [];
      if (!Array.isArray(apps)) return [];
      return apps;
    } catch (err) {
      console.error(err);
      return [];
    }
  });

  const refreshFavorites = useStableCallback(async () => {
    getFavoriteAppNames().then(setFavoriteAppNames);
  });

  const setFavorites = useStableCallback(async (names: string[]) => {
    const newNames = [...new Set(names)];
    await favoritesStorage.setItem(JSON.stringify(newNames));
    refreshFavorites();
  });

  const addToFavorites = useStableCallback(async (packageName: string) => {
    const names = await getFavoriteAppNames();
    setFavorites([...names, packageName]);
  });
  const removeFromFavorites = useStableCallback(async (packageName: string) => {
    const names = await getFavoriteAppNames();
    setFavorites(names.filter((name) => name !== packageName));
  });

  const isFavorite = useStableCallback((packageName: string) =>
    favoriteAppNames.includes(packageName),
  );

  useEffect(() => {
    refreshFavorites();
  }, [refreshFavorites]);

  return {
    addToFavorites,
    favoriteAppNames,
    getFavoriteAppNames,
    isFavorite,
    refreshFavorites,
    removeFromFavorites,
    setFavorites,
  };
};