From 43bebd7c41ec7dcc1ba4967fecbc4de6708a31a3 Mon Sep 17 00:00:00 2001
From: Innei <tukon479@gmail.com>
Date: Thu, 23 Jan 2025 13:06:15 +0800
Subject: [PATCH] fix: adjust SwipeableItem friction and improve loading
 indicator display in Lists screen

Signed-off-by: Innei <tukon479@gmail.com>
---
 .../src/components/common/SwipeableItem.tsx    |  2 +-
 .../src/modules/settings/routes/Lists.tsx      | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/apps/mobile/src/components/common/SwipeableItem.tsx b/apps/mobile/src/components/common/SwipeableItem.tsx
index ac9963d253..e6f53d6ed9 100644
--- a/apps/mobile/src/components/common/SwipeableItem.tsx
+++ b/apps/mobile/src/components/common/SwipeableItem.tsx
@@ -225,7 +225,7 @@ export const SwipeableItem: React.FC<SwipeableItemProps> = ({
       renderRightActions={rightActions?.length ? renderRightActions : undefined}
       overshootLeft={leftActions?.length ? leftActions?.length >= 1 : undefined}
       overshootRight={rightActions?.length ? rightActions?.length >= 1 : undefined}
-      overshootFriction={3}
+      overshootFriction={10}
     >
       {children}
     </Swipeable>
diff --git a/apps/mobile/src/modules/settings/routes/Lists.tsx b/apps/mobile/src/modules/settings/routes/Lists.tsx
index 19b44b48b5..a92badb434 100644
--- a/apps/mobile/src/modules/settings/routes/Lists.tsx
+++ b/apps/mobile/src/modules/settings/routes/Lists.tsx
@@ -57,8 +57,8 @@ export const ListsScreen = () => {
         </GroupedInsetListCard>
       </View>
       <View className="mt-6">
-        {data && (
-          <GroupedInsetListCard>
+        <GroupedInsetListCard>
+          {data && (
             <SwipeableGroupProvider>
               <Animated.FlatList
                 keyExtractor={keyExtractor}
@@ -69,14 +69,14 @@ export const ListsScreen = () => {
                 ItemSeparatorComponent={ItemSeparatorComponent}
               />
             </SwipeableGroupProvider>
-          </GroupedInsetListCard>
-        )}
+          )}
+          {isLoading && (
+            <View className="mt-1">
+              <LoadingIndicator />
+            </View>
+          )}
+        </GroupedInsetListCard>
       </View>
-      {isLoading && (
-        <View className="flex-1 items-center justify-center">
-          <LoadingIndicator />
-        </View>
-      )}
     </SafeNavigationScrollView>
   )
 }