diff --git a/products/ASC.Files/Client/src/HOCs/withFileActions.js b/products/ASC.Files/Client/src/HOCs/withFileActions.js
index bab7e9b7d3..9e4b4fd4f3 100644
--- a/products/ASC.Files/Client/src/HOCs/withFileActions.js
+++ b/products/ASC.Files/Client/src/HOCs/withFileActions.js
@@ -153,7 +153,10 @@ export default function withFileActions(WrappedFileItem) {
if (encrypted && isPrivacy) return checkProtocol(item.id, true);
if (isTrashFolder) return;
- if ((e && e.target.tagName === "INPUT") || !!e.target.closest(".badges"))
+ if (
+ (e && e.target.tagName === "INPUT") ||
+ !!e.target.closest(".lock-file")
+ )
return;
e.preventDefault();
diff --git a/products/ASC.Files/Client/src/components/Article/Body/index.js b/products/ASC.Files/Client/src/components/Article/Body/index.js
index 3943c73123..4c26c79066 100644
--- a/products/ASC.Files/Client/src/components/Article/Body/index.js
+++ b/products/ASC.Files/Client/src/components/Article/Body/index.js
@@ -30,7 +30,7 @@ class ArticleBodyContent extends React.Component {
} = this.props;
setSelectedNode(data);
- hideArticle(false);
+ hideArticle();
setIsLoading(true);
// const selectedFolderTitle =
// (e.node && e.node.props && e.node.props.title) || null;
diff --git a/products/ASC.Files/Client/src/components/panels/NewFilesPanel/index.js b/products/ASC.Files/Client/src/components/panels/NewFilesPanel/index.js
index 98272d6367..bcc3e04f1b 100644
--- a/products/ASC.Files/Client/src/components/panels/NewFilesPanel/index.js
+++ b/products/ASC.Files/Client/src/components/panels/NewFilesPanel/index.js
@@ -8,7 +8,6 @@ import Heading from "@appserver/components/heading";
import Aside from "@appserver/components/aside";
import Row from "@appserver/components/row";
import Box from "@appserver/components/box";
-import RowContainer from "@appserver/components/row-container";
import Button from "@appserver/components/button";
import { withTranslation } from "react-i18next";
import toastr from "studio/toastr";
@@ -19,6 +18,7 @@ import {
StyledHeaderContent,
StyledBody,
StyledFooter,
+ StyledSharingBody,
} from "../StyledPanels";
import { inject, observer } from "mobx-react";
import { combineUrl } from "@appserver/common/utils";
@@ -27,6 +27,8 @@ import config from "../../../../package.json";
import Loaders from "@appserver/common/components/Loaders";
import withLoader from "../../../HOCs/withLoader";
+const SharingBodyStyle = { height: `calc(100vh - 156px)` };
+
class NewFilesPanel extends React.Component {
state = { readingFiles: [] };
@@ -65,9 +67,10 @@ class NewFilesPanel extends React.Component {
.finally(() => this.onClose());
};
- onNewFileClick = (item) => {
+ onNewFileClick = (e) => {
+ const { id, extension: fileExst } = e.target.dataset;
+
const { /* updateFolderBadge, */ markAsRead } = this.props;
- const { /* folderId, */ fileExst, id } = item;
const readingFiles = this.state.readingFiles;
const fileIds = fileExst ? [id] : [];
@@ -178,33 +181,31 @@ class NewFilesPanel extends React.Component {
{!isLoading ? (