From bcf8a0ce1a3f4ccab01737741a22ecaf968daaff Mon Sep 17 00:00:00 2001
From: Akshay Nair <phenax5@gmail.com>
Date: Sun, 29 Sep 2024 13:18:37 +0530
Subject: Fix favorites list swiper + draggable list issue

---
 src/components/Favorites.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

(limited to 'src/components/Favorites.tsx')

diff --git a/src/components/Favorites.tsx b/src/components/Favorites.tsx
index 6ee99cb..ed81a6b 100644
--- a/src/components/Favorites.tsx
+++ b/src/components/Favorites.tsx
@@ -50,6 +50,9 @@ export const Favorites: React.FC<{active: boolean}> = (_) => {
         data={favoriteApps}
         onDragEnd={onDragEnd}
         keyExtractor={(app) => app.packageName}
+        activationDistance={10}
+        scrollEnabled
+        renderPlaceholder={() => <View className="flex-1 bg-[#141414]" />}
         renderItem={({item: app, drag, isActive}) => (
           <ShadowDecorator key={app.packageName}>
             <OpacityDecorator>
@@ -57,20 +60,19 @@ export const Favorites: React.FC<{active: boolean}> = (_) => {
                 className={`flex-row justify-stretch items-center ${
                   isActive ? 'bg-[#181818] opacity-60' : ''
                 }`}>
-                <AppLabel app={app} />
-
                 <TouchableOpacity
                   onLongPress={drag}
                   disabled={isActive}
                   hitSlop={10}
-                  className="p-3">
-                  <Icon name="drag-indicator" size={21} color="#444" />
+                  className="pr-2 py-3">
+                  <Icon name="drag-indicator" size={21} color="#222" />
                 </TouchableOpacity>
+
+                <AppLabel app={app} />
               </View>
             </OpacityDecorator>
           </ShadowDecorator>
         )}
-        renderPlaceholder={() => <View className="flex-1 bg-[#181818]" />}
       />
     </View>
   );
-- 
cgit v1.3.1

