Update ChatList.tsx

components/dashboard/ChatList.tsx

@@ -154,29 +154,19 @@ export default function ChatList() {
   }, [router]);
   
   // Fetch chats and unread counts when store is selected
-  useEffect(() => {
   const fetchChats = async () => {
-      if (!selectedStore) {
-        console.log("No store selected, skipping fetch chats");
-        setLoading(false);
-        return;
-      }
-      
-      console.log("Fetching chats for store:", selectedStore);
-      setLoading(true);
     try {
-        // Get auth token from cookies
+      if (!selectedStore) return;
+
+      // Get vendor ID from auth token
       const authToken = getCookie("Authorization");
       
       if (!authToken) {
-          console.log("No auth token found");
-          toast.error("You need to be logged in");
-          router.push("/auth/login");
-          setLoading(false);
+        console.error("No auth token found");
         return;
       }
       
-        // Set up axios with the auth token
+      // Set up axios with auth token
       const authAxios = axios.create({
         baseURL: process.env.NEXT_PUBLIC_API_URL,
         headers: {
@@ -184,28 +174,19 @@ export default function ChatList() {
         }
       });
       
-        // Get vendor ID from profile
-        const vendorResponse = await authAxios.get('/auth/me');
-        console.log("Vendor response:", vendorResponse.data);
+      // Get vendor ID from JWT token
+      const tokenParts = authToken.split('.');
+      const payload = JSON.parse(atob(tokenParts[1]));
+      const vendorId = payload.id;
       
-        // Access correct property - the vendor ID is in vendor._id
-        const vendorId = vendorResponse.data.vendor?._id;
+      console.log("Fetching chats for vendor:", vendorId, "store:", selectedStore);
       
-        if (!vendorId) {
-          console.error("Vendor ID not found in profile response:", vendorResponse.data);
-          toast.error("Could not retrieve vendor information");
-          setLoading(false);
-          return;
-        }
+      // Fetch chats for this vendor and filter by selected store
+      const response = await authAxios.get(`/chats/vendor/${vendorId}`);
+      console.log("All chats:", response.data);
       
-        // Fetch chats
-        console.log("Fetching chats for vendor:", vendorId);
-        const chatsResponse = await authAxios.get(`/chats/vendor/${vendorId}`);
-        console.log("Chats response:", chatsResponse.data);
-        
-        // Filter chats by selected store
-        const filteredChats = chatsResponse.data.filter(
-          (chat: Chat) => chat.storeId === selectedStore
+      const filteredChats = response.data.filter((chat: Chat) => 
+        chat.storeId === selectedStore
       );
       console.log("Filtered chats:", filteredChats);
       
@@ -229,17 +210,19 @@ export default function ChatList() {
     } catch (error) {
       console.error("Error fetching chats:", error);
       toast.error("Failed to load chats");
-      } finally {
-        console.log("Loading state set to false");
     }
   };
   
+  // Add polling effect
+  useEffect(() => {
+    if (selectedStore) {
       fetchChats();
       
-    // Set up polling for updates every 30 seconds
+      // Poll for updates every 10 seconds
       const intervalId = setInterval(fetchChats, 10000);
       
       return () => clearInterval(intervalId);
+    }
   }, [selectedStore]);
   
   // Handle chat selection