@pubuduth-aplicy/chat-ui 2.1.89 → 2.1.91

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pubuduth-aplicy/chat-ui",
-  "version": "2.1.89",
+  "version": "2.1.91",
   "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/Message.tsx

@@ -91,7 +91,7 @@ const Message = ({ message }: MessageProps) => {
         <h4>{status}</h4>
         <div className="details">
           <p>Service: {booking?.serviceId}</p>
-          <p>Date: {booking?.date}</p>
+          <p>Date: {booking?.date.split('T')[0]}</p>
           <p>Time: {booking?.time}</p>
         </div>
   
@@ -357,7 +357,7 @@ const Message = ({ message }: MessageProps) => {
                   <div className="circular-progress-container">
                     <div className="media-preview-background">
                       <img
-                        src={`${cdnUrl}${`${cdnUrl}${media.url}`}`}
+                        src={`${`${cdnUrl}${media.url}`}`}
                         alt={media.name}
                         className="blurred-preview"
                       />
@@ -408,10 +408,10 @@ const Message = ({ message }: MessageProps) => {
                       onClick={() => window.open(`${cdnUrl}${media.url}`, "_blank")}
                     />
                   ) : media.type === "video" ? (
-                    <video controls className="media-content">
+                    <video controls className="media-content" preload="metadata">
                       <source
                         src={`${cdnUrl}${media.url}`}
-                        type={`video/${`${cdnUrl}${media.url}`.split(".").pop()}`}
+                        type={`video/${`${cdnUrl}${media.url}`.split(".").pop()?.toLocaleLowerCase()}`}
                       />
                     </video>
                   ) : (

package/src/components/messages/MessageContainer.tsx

@@ -96,7 +96,7 @@ const MessageContainer = () => {
                 <img
                   className="chatMessageContainerInnerImg"
                   alt="Profile"
-                  src={participant?.profilePicture || defaultProfilePicture}
+                  src={participant?.profilePicture ? participant?.profilePicture: defaultProfilePicture}
                 />
               )}
               <div className="chatMessageContainerOutter">

package/src/components/sidebar/Conversation.tsx

@@ -104,7 +104,7 @@ const Conversation = ({ conversation }: ConversationProps) => {
           <>
             <img
               className="w-10 h-10 rounded-full"
-              src={participant?.profilePicture || defaultProfilePicture}
+              src={participant?.profilePicture ? participant?.profilePicture: defaultProfilePicture}
               alt="User Avatar"
             />
             <span

package/src/style/style.css

@@ -1568,6 +1568,7 @@
 .edit-message-input {
   width: 100%;
   padding: 8px;
+  color: #666666;
   border: 1px solid #ddd;
   border-radius: 4px;
   margin-bottom: 5px;