fix: adjust SwipeableItem friction and improve loading indicator disp…

…lay in Lists screen Signed-off-by: Innei <[email protected]>
RSSNext · Jan 23, 2025 · 43bebd7 · 43bebd7
1 parent d565cb8
commit 43bebd7
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git 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
@@ -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>
   )
 }