Switch to jotai atom with storage + suspense for favorites list

2 files changed, 6 insertions, 3 deletions

diff --git a/src/components/AppMenu.tsx b/src/components/AppMenu.tsx
index 4c994ab..8938bb9 100644
--- a/src/components/AppMenu.tsx
+++ b/src/components/AppMenu.tsx
@@ -63,7 +63,10 @@ export const AppMenu: React.FC<React.PropsWithChildren<{app: AppDetail}>> = ({
 
   return (
     <>
-      <TouchableNativeFeedback onPress={openApp} onLongPress={openContextMenu}>
+      <TouchableNativeFeedback
+        onPress={openApp}
+        onLongPress={openContextMenu}
+        delayPressIn={100}>
         {children}
       </TouchableNativeFeedback>
 
diff --git a/src/components/Favorites.tsx b/src/components/Favorites.tsx
index ed81a6b..4c8dc37 100644
--- a/src/components/Favorites.tsx
+++ b/src/components/Favorites.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useEffect, useMemo} from 'react';
+import React, {useCallback, useMemo} from 'react';
 import {Text, TouchableOpacity, View} from 'react-native';
 import {AppDetail} from 'react-native-launcher-kit/typescript/Interfaces/InstalledApps';
 import {useFavorites} from '../hooks/useFavorites';
@@ -39,7 +39,7 @@ export const Favorites: React.FC<{active: boolean}> = (_) => {
 
   const onDragEnd = useCallback(
     ({data}: DragEndParams<AppDetail>) => {
-      setFavorites(data.map((app) => app.packageName));
+      setFavorites(() => data.map((app) => app.packageName));
     },
     [setFavorites],
   );