@pubuduth-aplicy/chat-ui 2.1.99 → 2.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pubuduth-aplicy/chat-ui",
-  "version": "2.1.99",
+  "version": "2.2.1",
   "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/common/CollapsibleSection.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import { ChevronDown } from "lucide-react";
 
 interface CollapsibleSectionProps {
@@ -18,10 +18,6 @@ const CollapsibleSection = ({
     setIsOpen(!isOpen);
   };
 
-  useEffect(() => {
-    window.dispatchEvent(new Event("resize"));
-  }, [isOpen]);
-
   return (
     <div className="border-b border-gray-200">
       <div
@@ -39,7 +35,7 @@ const CollapsibleSection = ({
         />
       </div>
       {isOpen && (
-        <div className="p-2 text-gray-900 dark:text-gray-200">{children}</div>
+        <div className="p-2 text-gray-900 dark:text-gray-200 h-[400px]">{children}</div>
       )}
     </div>
   );

package/src/components/common/VirtualizedChatList.tsx

@@ -23,10 +23,10 @@ const VirtualizedChatList = ({ conversations }: Props) => {
     <div
       ref={parentRef}
       style={{
-        // height: `400px`,
+        height: `400px`,
         width: "100%",
-        position: "relative",
-        // overflow: "auto",
+        // position: "relative",
+        overflow: "auto",
       }}
     >
       <div

package/src/components/sidebar/Conversations.tsx

@@ -279,7 +279,7 @@ const Conversations = () => {
     .reduce((total, convo) => total + (convo.unreadMessageCount || 0), 0);
 
   return (
-    <div className="chatSidebarConversations">
+   <div className="chatSidebarConversations">
       {/* Tab Navigation */}
       <div className="flex border-b border-gray-200">
         <button
@@ -327,14 +327,14 @@ const Conversations = () => {
           </div>
         ) : (
           <>
-            <div className="h-full overflow-auto">
+            <div className="h-full">
               {activeTab === "personal" && filteredPersonalChats.length > 0 && (
                 <VirtualizedChatList conversations={filteredPersonalChats} />
               )}
 
               {activeTab === "service" &&
                 Object.entries(filteredGroupedServiceChats).length > 0 && (
-                  <div className="p-2">
+                  <div className="p-2 h-[400px]">
                     {Object.entries(filteredGroupedServiceChats).map(
                       ([
                         serviceId,

package/src/style/style.css

@@ -130,7 +130,6 @@
   display: flex;
   overflow: auto;
   height: 100%;
-  min-height: 0;    
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   flex-direction: column;