@pubuduth-aplicy/chat-ui 2.1.11 → 2.1.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pubuduth-aplicy/chat-ui",
-  "version": "2.1.11",
+  "version": "2.1.13",
   "description": "This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.",
   "license": "ISC",
   "author": "",

package/src/components/messages/Messages.tsx

@@ -11,9 +11,11 @@ import useChatUIStore from "../../stores/Zustant";
 const Messages = () => {
 	const { selectedConversation } = useChatUIStore()
 	const {userId}=useChatContext()
-	const { data: messages } = useMessages(selectedConversation?._id,userId);
+	const { data: messages, isLoading, isError, error } = useMessages(selectedConversation?._id, userId);
 	// useListenMessages();
-	console.log(messages);
+	console.log("isLoading",isLoading);
+	console.log("error",error);
+	console.log("messages",messages);
 
 	const lastMessageRef = useRef<HTMLDivElement>(null);
 

package/src/hooks/queries/useChatApi.ts

@@ -15,8 +15,12 @@ export const useGetConversations = (id: any) => {
   });
 };
 
-export const useMessages = (chatId: string,userid:string) => {
+export const useMessages = (chatId: string, userid: string) => {
   return useQuery({
-    queryKey:['messages', chatId,userid],
-    queryFn: () => fetchMessages(chatId,userid)});
-};
+    queryKey: ['messages', chatId, userid],
+    queryFn: () => {
+      console.log('Fetching messages for:', chatId, userid);
+      return fetchMessages(chatId, userid);
+    },
+  });
+};

package/src/service/messageService.ts

@@ -10,7 +10,13 @@ export const sendMessage = async ({ chatId, message }: { chatId: any; message: s
 };
 
 
-export const fetchMessages = async (chatId: string,userid:string) => {
-    const response = await apiClient.get(`${Path.getmessage}/${chatId}/${userid}`);
-    return response.data();
+export const fetchMessages = async (chatId: string, userid: string) => {
+    try {
+        const response = await apiClient.get(`${Path.getmessage}/${chatId}/${userid}`);
+        console.log(response); // Check the full response
+        return response.data; // Ensure 'data' exists or adjust accordingly
+    } catch (error) {
+        console.error("Error fetching messages:", error);
+        return []; // Return a default empty array on error
+    }
 };