@droppii-org/chat-mobile 0.2.70 → 0.2.72

package/src/screens/chat-detail/ChatListLegend.tsx

@@ -18,12 +18,20 @@ import {
 import Animated, {
   useSharedValue,
   useAnimatedStyle,
-  withSpring,
+  withTiming,
+  Easing,
   type SharedValue,
 } from 'react-native-reanimated';
 import { KeyboardAwareLegendList } from '@legendapp/list/keyboard';
 import { LegendList, type LegendListRef } from '@legendapp/list/react-native';
-import { KContainer, KColors, KSpacingValue, KLabel } from '@droppii/libs';
+import {
+  KContainer,
+  KColors,
+  KSpacingValue,
+  KLabel,
+  KRadiusValue,
+  KImage,
+} from '@droppii/libs';
 import { precomputeLegendListData } from '../../utils/legendListMessage';
 import type { ChatListProps } from './types';
 import { LegendChatMessage } from './legend/LegendChatMessage';
@@ -394,8 +402,9 @@ export const ChatListLegend = memo(
         scrollDebounceRef.current = setTimeout(() => {
           if (isAtBottomRef.current !== isAtBottom) {
             isAtBottomRef.current = isAtBottom;
-            buttonOpacity.value = withSpring(isAtBottom ? 0 : 1, {
-              duration: 300,
+            buttonOpacity.value = withTiming(isAtBottom ? 0 : 1, {
+              duration: 200,
+              easing: Easing.out(Easing.ease),
             });
           }
           if (isAtBottom) {
@@ -411,7 +420,10 @@ export const ChatListLegend = memo(
         onLoadMoreOld?.(false);
       } else {
         scrollMessageToEnd({ animated: true, closeKeyboard: false });
-        buttonOpacity.value = withSpring(0, { duration: 300 });
+        buttonOpacity.value = withTiming(0, {
+          duration: 200,
+          easing: Easing.out(Easing.ease),
+        });
         isAtBottomRef.current = true;
         setShowBadge(false);
       }
@@ -543,12 +555,11 @@ export const ChatListLegend = memo(
             accessibilityLabel="Scroll to latest messages"
             accessibilityRole="button"
           >
-            <KLabel.Text
-              style={styles.scrollToBottomText}
-              accessibilityLabel=""
-            >
-              ↓
-            </KLabel.Text>
+            <KImage.VectorIcons
+              name="arrow-down-o"
+              size={16}
+              color={KColors.black}
+            />
             {showBadge && <KContainer.View style={styles.badge} />}
           </KContainer.Touchable>
         </Animated.View>
@@ -575,9 +586,9 @@ const styles = StyleSheet.create({
   },
   buttonInner: {
     position: 'relative',
-    width: 40,
-    height: 40,
-    borderRadius: 20,
+    width: 32,
+    height: 32,
+    borderRadius: KRadiusValue.round,
     backgroundColor: KColors.white,
     justifyContent: 'center',
     alignItems: 'center',
@@ -587,11 +598,6 @@ const styles = StyleSheet.create({
     shadowRadius: 8,
     elevation: 8,
   },
-  scrollToBottomText: {
-    fontSize: 20,
-    fontWeight: 'bold',
-    color: KColors.palette.primary.w400,
-  },
   errorRow: {
     padding: 16,
     justifyContent: 'center',
@@ -606,6 +612,5 @@ const styles = StyleSheet.create({
     borderRadius: 6,
     backgroundColor: KColors.palette.primary.w400,
     borderWidth: 2,
-    borderColor: KColors.white,
   },
 });

package/src/screens/chat-detail/types.ts

@@ -49,6 +49,7 @@ export interface ChatDetailHeaderProps {
   onPressAvatar?: () => void;
   conversationId: string;
   targetUserId?: string;
+  targetGroupId?: string;
 }
 
 export interface ChatQuickActionsRenderParams {

package/src/screens/inbox/Inbox.tsx

@@ -10,11 +10,12 @@ import {
   KSpacingValue,
 } from '@droppii/libs';
 import { MessagesTab } from './MessagesTab';
+import type { ConversationItem } from '@droppii/openim-rn-client-sdk';
 import { trans } from '../../translation';
 import { CommunityTab } from './CommunityTab';
 
 interface InboxProps {
-  onPressThread?: (item: string) => void;
+  onPressThread?: (item?: ConversationItem) => void;
   onPressSearch?: () => void;
   onPressEdit?: () => void;
   onPressContact?: () => void;

package/src/screens/inbox/MessagesTab.tsx

@@ -5,9 +5,10 @@ import { useConversationList } from '../../hooks/useConversationList';
 import { ThreadCard } from '../../components/ThreadCard';
 import { useConversationStore } from '../../store';
 import { useChatContext } from '../../context';
+import type { ConversationItem } from '@droppii/openim-rn-client-sdk';
 
 interface MessagesTabProps {
-  onPressThread?: (item: string) => void;
+  onPressThread?: (item?: ConversationItem) => void;
 }
 
 const Separator = () => <KDivider type="line" size="hairline" />;
@@ -23,7 +24,7 @@ export const MessagesTab = memo(({ onPressThread }: MessagesTabProps) => {
   });
 
   const handleThreadPress = useCallback(
-    (params: { item: string; event: GestureResponderEvent }) => {
+    (params: { item?: ConversationItem; event: GestureResponderEvent }) => {
       onPressThread?.(params.item);
     },
     [onPressThread]

package/src/store/message.ts

@@ -14,7 +14,7 @@ import type {
 import { mergeMessages } from '../utils/message';
 import { useConversationStore } from './conversation';
 
-const PAGE_SIZE = 10;
+const PAGE_SIZE = 20;
 
 export const useMessageStore = create<MessageStore>()((set, get) => ({
   messages: [],