chore: migrate MessagesView to Hooks

app/views/MessagesView/definitions.ts

@@ -0,0 +1,29 @@
+import { type CompositeNavigationProp, type RouteProp } from '@react-navigation/core';
+import { type NativeStackNavigationProp } from '@react-navigation/native-stack';
+
+import { type ChatsStackParamList } from '../../stacks/types';
+import { type TNavigation } from '../../stacks/stackType';
+import { type MasterDetailInsideStackParamList } from '../../stacks/MasterDetailStack/types';
+import { type TMessageModel, type ISubscription, type SubscriptionType } from '../../definitions';
+
+export interface IMessagesViewProps {
+	navigation: CompositeNavigationProp<
+		NativeStackNavigationProp<ChatsStackParamList, 'MessagesView'>,
+		NativeStackNavigationProp<MasterDetailInsideStackParamList & TNavigation>
+	>;
+	route: RouteProp<ChatsStackParamList, 'MessagesView'>;
+}
+
+export interface IParams {
+	rid: string;
+	t: SubscriptionType;
+	tmid?: string;
+	message?: TMessageModel;
+	name?: string;
+	fname?: string;
+	prid?: string;
+	room?: ISubscription;
+	jumpToMessageId?: string;
+	jumpToThreadId?: string;
+	roomUserId?: string;
+}

app/views/MessagesView/hooks/useMessages.tsx

@@ -0,0 +1,57 @@
+import { useState, useEffect, useRef } from 'react';
+
+import { type IMessage } from '../../../definitions';
+
+interface IUseMessages {
+	fetchMessages: (offset: number) => Promise<any>;
+}
+
+export const useMessages = ({ fetchMessages }: IUseMessages) => {
+	const loadingRef = useRef(false);
+	const [loading, setLoading] = useState(true);
+	const [messages, setMessages] = useState<IMessage[]>([]);
+	const [total, setTotal] = useState(-1);
+
+	const load = async () => {
+		if (loadingRef.current || messages.length === total) return;
+
+		loadingRef.current = true;
+		setLoading(true);
+
+		try {
+			const result = await fetchMessages(messages.length);
+			if (result?.success) {
+				const urlRenderMessages = result?.messages?.map((message: IMessage) => ({
+					...message,
+					urls: message.urls?.map((url, index) => ({
+						_id: index,
+						title: url.meta?.pageTitle,
+						description: url.meta?.ogDescription,
+						image: url.meta?.ogImage,
+						url: url.url
+					}))
+				}));
+				setMessages(prevMessages => [...prevMessages, ...urlRenderMessages]);
+				setTotal(result.total);
+			}
+		} catch (error) {
+			console.error(error);
+		} finally {
+			loadingRef.current = false;
+			setLoading(false);
+		}
+	};
+
+	const updateMessageOnActionPress = (message_id: string) => {
+		setMessages(prevState => prevState.filter((item: IMessage) => item._id !== message_id));
+		setTotal(prevState => prevState - 1);
+	};
+
+	useEffect(() => {
+		load();
+	}, []);
+
+	return { messages, loading, updateMessageOnActionPress, loadMore: load };
+};
+
+export default useMessages;