@pubuduth-aplicy/chat-ui 2.0.5 → 2.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pubuduth-aplicy/chat-ui",
-  "version": "2.0.5",
+  "version": "2.0.7",
   "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,15 +1,17 @@
 /* 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 {userId}= useChatContext()
+		const { data: conversations } = useGetConversations(userId);
 	
     // const { loading, conversations } = useGetConversations();
   return (
     <div className='py-2 flex flex-col overflow-auto'>
-			{conversations.map((conversation:any, idx:any) => (
+			{conversations?.map((conversation:any, idx:any) => (
 				<Conversation
 					key={conversation._id}
 					conversation={conversation}

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);