@pubuduth-aplicy/chat-ui 2.0.6 → 2.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pubuduth-aplicy/chat-ui",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "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/sidebar/Conversations.tsx

@@ -1,25 +1,28 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
 import { useGetConversations } from "../../hooks/queries/useChatApi";
+import { useChatContext } from "../../providers/ChatProvider";
 import Conversation from "./Conversation";
 
 const Conversations = () => {
-		const { data: conversations } = useGetConversations();
-	
-    // const { loading, conversations } = useGetConversations();
+  const { userId } = useChatContext();
+  const { data: conversations } = useGetConversations(userId);
+  console.log("conversations",conversations);
+  console.log("userId",userId);
+  // const { loading, conversations } = useGetConversations();
   return (
-    <div className='py-2 flex flex-col overflow-auto'>
-			{conversations?.map((conversation:any, idx:any) => (
-				<Conversation
-					key={conversation._id}
-					conversation={conversation}
-					lastIdx={idx === conversations.length - 1}
-				/>
-			))}
+    <div className="py-2 flex flex-col overflow-auto">
+      {conversations?.map((conversation: any, idx: any) => (
+        <Conversation
+          key={conversation._id}
+          conversation={conversation}
+          lastIdx={idx === conversations.length - 1}
+        />
+      ))}
 
-			{/* {loading ? <span className='loading loading-spinner mx-auto'></span> : null} */}
-		</div>
-  )
-}
+      {/* {loading ? <span className='loading loading-spinner mx-auto'></span> : null} */}
+    </div>
+  );
+};
 
-export default Conversations
+export default Conversations;

package/src/components/sidebar/SearchInput.tsx

@@ -3,16 +3,17 @@ import  { useState } from 'react'
 import searchicon from '../../assets/icons8-search.svg'
 import useChatUIStore from '../../stores/Zustant';
 import { useGetConversations } from '../../hooks/queries/useChatApi';
+import { useChatContext } from '../../providers/ChatProvider';
 // import { MagnifyingGlass } from "@phosphor-icons/react"
 // import useGetConversations from "../../hooks/useGetConversations";
 // import useConversation from '../../zustand/useConversation'
 // import toast from 'react-hot-toast';
 
 const SearchInput = () => {
-
+const {userId} =useChatContext()
 	const [search, setSearch] = useState("");
 	const { setSelectedConversation } = useChatUIStore();
-	const { data: conversations } = useGetConversations();
+	const { data } = useGetConversations(userId);
 
 	const handleSubmit = (e:any) => {
 		e.preventDefault();
@@ -21,7 +22,7 @@ const SearchInput = () => {
 			return 
 		}
 
-		const conversation = conversations.find((c: { username: string }) => c.username.toLowerCase().includes(search.toLowerCase()));
+		const conversation = data.find((c: { username: string }) => c.username.toLowerCase().includes(search.toLowerCase()));
 
 		if (conversation) {
 			setSelectedConversation(conversation);

package/src/hooks/queries/useChatApi.ts

@@ -1,12 +1,15 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { useQuery } from "@tanstack/react-query";
 import { getAllConversationData } from "../../service/sidebarApi";
 
 
-export const useGetConversations = () => {
+export const useGetConversations = (id:any) => {
     return useQuery({
-      queryKey: ['GET_ALL_CONVERSATION'],
-      queryFn: getAllConversationData,
+      queryKey: ['GET_ALL_CONVERSATION',id],
+      queryFn: () =>
+        id ? getAllConversationData(id) : Promise.reject("No ID provided"),
       staleTime: 1 * 60 * 1000,
+      enabled: !!id,
       refetchOnWindowFocus: false,
     });
   };

package/src/service/sidebarApi.ts

@@ -2,9 +2,10 @@
 import { apiClient } from "../lib/api/apiClient";
 import { Path } from "../lib/api/endpoint";
 
-export const getAllConversationData = async () => {
+
+export const getAllConversationData = async (userid: string) => {
     try {
-      const res = await apiClient.get(Path.getconversation);
+      const res = await apiClient.get(`${Path.getconversation}/${userid}`);
       return res.data;
     } catch (error: any) {
       console.log("ERROR: ", error);