Merge branch 'feature/files' of https://github.com/ONLYOFFICE/AppServer into feature/files

products/ASC.Files/Client/src/components/pages/Home/Section/Body/EditingWrapperComponent.js

@@ -1,4 +1,4 @@
-import React, { memo } from "react";
+import React, { memo, useState } from "react";
 import styled from "styled-components";
 import { TextInput, Button } from "asc-web-components";
 
@@ -39,7 +39,18 @@ height: 56px;
 `;
 
 const EditingWrapperComponent = props => {
-    const { isLoading, itemTitle, okIcon, cancelIcon, renameTitle, onKeyUpUpdateItem, onClickUpdateItem, cancelUpdateItem } = props;
+    const { itemTitle, okIcon, cancelIcon, renameTitle, onKeyUpUpdateItem, onClickUpdateItem, cancelUpdateItem } = props;
+    const [loading, setLoading] = useState(false);
+
+    const onUpdate = () => {
+      setLoading(true);
+      onClickUpdateItem();
+    }
+
+    const onCancel = () => {
+      setLoading(true);
+      cancelUpdateItem();
+    }
 
     return(
       <EditingWrapper>
@@ -52,20 +63,20 @@ const EditingWrapperComponent = props => {
           isAutoFocussed={true}
           onChange={renameTitle}
           onKeyUp={onKeyUpUpdateItem}
-          isDisabled={isLoading}
+          isDisabled={loading}
         />
         <Button
           className='edit-button'
           size='medium'
-          isDisabled={isLoading}
-          onClick={onClickUpdateItem}
+          isDisabled={loading}
+          onClick={onUpdate}
           icon={okIcon}
         />
         <Button
           className='edit-button'
           size='medium'
-          isDisabled={isLoading}
-          onClick={cancelUpdateItem}
+          isDisabled={loading}
+          onClick={onCancel}
           icon={cancelIcon}
         />
       </EditingWrapper>

products/ASC.Files/Client/src/components/panels/SharingPanel/SharingPanel.js

@@ -390,7 +390,7 @@ class SharingPanelComponent extends React.Component {
     const accessOptions = !this.props.selectedItems.length ? getAccessOption([this.props.selectedItems]) : getAccessOption(this.props.selectedItems);
 
     this.setState(
-      { baseShareData, shareDataItems: arrayItems, showPanel: true, accessOptions },
+      { baseShareData, shareDataItems: arrayItems, accessOptions },
       this.props.onLoading(false)
     );
   };
@@ -434,11 +434,16 @@ class SharingPanelComponent extends React.Component {
     const returnValue = this.getData();
     const folderId = returnValue[0];
     const fileId = returnValue[1];
+    let error = null;
 
     if (folderId.length !== 0 || fileId.length !== 0) {
       getShareUsers(folderId, fileId).then((res) => {
         this.getShareDataItems(res);
-      });
+      }).catch(err => {
+        this.props.onLoading(false);
+        error = err;
+        toastr.error(err);
+      }).finally(() => !error && this.setState({showPanel: true}));
     }
   };
 
@@ -464,7 +469,7 @@ class SharingPanelComponent extends React.Component {
 
   componentDidUpdate(prevProps, prevState) {
     if(this.state.showPanel !== prevState.showPanel && this.state.showPanel === false) {
-      setTimeout(() => this.props.onClose(), 1000);
+      this.props.onClose();
     }
   }
 
@@ -648,6 +653,7 @@ class SharingPanelComponent extends React.Component {
           </StyledContent>
         </Aside>
 
+        {showAddUsersPanel &&
           <AddUsersPanel
             onSharingPanelClose={this.onClose}
             onClose={this.onShowUsersPanel}
@@ -657,7 +663,9 @@ class SharingPanelComponent extends React.Component {
             shareDataItems={shareDataItems}
             setShareDataItems={this.setShareDataItems}
           />
+        }
 
+        {showAddGroupsPanel &&
           <AddGroupsPanel
             onSharingPanelClose={this.onClose}
             onClose={this.onShowGroupsPanel}
@@ -667,13 +675,17 @@ class SharingPanelComponent extends React.Component {
             shareDataItems={shareDataItems}
             setShareDataItems={this.setShareDataItems}
           />
+        }
 
+        {showEmbeddingPanel && 
           <EmbeddingPanel
             visible={showEmbeddingPanel}
             onSharingPanelClose={this.onClose}
             onClose={this.onShowEmbeddingPanel}
             embeddingLink={shareLink}
           />
+        }
+
       </StyledAsidePanel>
     );
   }