v0.3.1-beta.7

Author: Artem-K-Koltunov

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "quickblox-react-ui-kit",
-  "version": "0.3.1-beta.6",
+  "version": "0.3.1-beta.7",
   "main": "dist/index-ui.js",
   "license": "MIT",
   "dependencies": {

package.json

@@ -242,43 +242,6 @@ const DialogList: React.FC<DialogsProps> = ({
       return AvatarComponent;
     };
 
-    /*
-import React, {useState, useEffect} from 'react';
-
-// предполагая, что dialogListViewModel определен в родительском компоненте и передан в этот компонент как проп
-const YourComponent = ({ dialogListViewModel }) => {
-  const [pointerEventsValue, setPointerEvents] = useState('auto');
-  
-  // поведение на 12 секунд
-  useEffect(() => {
-    let timeout;
-    if (dialogListViewModel && dialogListViewModel.loading) {
-      setPointerEvents('none');
-      timeout = setTimeout(() => {
-        setPointerEvents('auto');
-      }, 12000); // блокировать нажатие на 12 секунд
-    } 
-    
-    // поведение на отмену эффекта
-    return () => {
-      if (timeout) {
-        clearTimeout(timeout);
-      }
-    }
-  }, [dialogListViewModel]);
-  
-  return (
-    <div 
-      style={{
-        pointerEventsValue: pointerEventsValue
-      }}
-    >
-    ... 
-    </div>
-  );
-}
- */
-
     return (
       <div
         key={item.entity.id}

src/Presentation/Views/DialogList/DialogList.tsx

@@ -80,6 +80,7 @@ const EditDialog: React.FC<EditDialogProps> = ({
 
     const fileSize = file?.size || 0;
 
+    console.log('MAX_FILE_SIZE', maxUploadFileSize, ' fileSize', fileSize);
     if (fileSize >= maxUploadFileSize) {
       setErrorMessageUpload(errorMessageUploadMaxSize);
 

src/Presentation/Views/EditDialog/EditDialog.tsx

@@ -26,6 +26,8 @@ const AttachmentUploader: React.FC<AttachmentMessageProps> = ({
         style={{ display: 'none' }}
         onChange={(event) => {
           onChangeFile(event);
+          // eslint-disable-next-line no-param-reassign
+          event.target.value = '';
         }}
         disabled={disableAction}
       />

src/Presentation/ui-components/MessageInput/AttachmentUploader/AttachmentUploader.tsx

@@ -5,7 +5,7 @@
 
   &__image {
     object-fit: cover;
-    display: block;
+    display: flex;
     width: 32px;
     height: 32px;
     background: var(--incoming-background, #e4e6e8);

src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.scss

@@ -1,5 +1,5 @@
 .container {
-  width: 100%;
+  width: 25%;
 }
 
 .toast {