Add draggable favorite apps list

1 files changed, 52 insertions, 0 deletions

diff --git a/src/hooks/useFavorites.ts b/src/hooks/useFavorites.ts
new file mode 100644
index 0000000..54d77fd
--- /dev/null
+++ b/src/hooks/useFavorites.ts
@@ -0,0 +1,52 @@
+import {useCallback, useEffect, useState} from 'react';
+import {useAsyncStorage} from '@react-native-async-storage/async-storage';
+
+export const useFavorites = () => {
+  const favoritesStorage = useAsyncStorage('favorites');
+  const [favoriteAppNames, setFavoriteAppNames] = useState<string[]>([]);
+
+  const getFavoriteAppNames = useCallback(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 [];
+    }
+  }, [favoritesStorage]);
+
+  const refreshFavorites = useCallback(async () => {
+    getFavoriteAppNames().then(setFavoriteAppNames);
+  }, [getFavoriteAppNames]);
+
+  const setFavorites = useCallback(
+    async (names: string[]) => {
+      const newNames = [...new Set(names)];
+      setFavoriteAppNames(newNames);
+      await favoritesStorage.setItem(JSON.stringify(newNames));
+    },
+    [favoritesStorage],
+  );
+
+  const addToFavorites = useCallback(
+    async (packageName: string) => {
+      const names = await getFavoriteAppNames();
+      setFavorites([...names, packageName]);
+    },
+    [getFavoriteAppNames, setFavorites],
+  );
+
+  useEffect(() => {
+    refreshFavorites();
+  }, [refreshFavorites]);
+
+  return {
+    favoriteAppNames,
+    getFavoriteAppNames,
+    addToFavorites,
+    refreshFavorites,
+    setFavorites,
+  };
+};