IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web:Files: SelecFolderDialog: Added store to folderTreeBody.

Browse Source
This commit is contained in:
Tatiana Lopaeva 2021-06-17 09:16:33 +03:00
parent 7ad56c275b
commit 39b1b24262
2 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
products/ASC.Files/Client/src/components/panels/SelectFolderDialog/folderTreeBody.js
View File

@ -1,8 +1,9 @@
import React from "react";
import { inject, observer } from "mobx-react";
import { useTranslation } from "react-i18next";
import Loader from "@appserver/components/loader";
import Text from "@appserver/components/text";
import TreeFolders from "../../Article/Body/TreeFolders";
import { useTranslation } from "react-i18next";
const FolderTreeBody = ({
isLoadingData,
expandedKeys,
@ -40,4 +41,21 @@ const FolderTreeBody = ({
</>
);
};
export default FolderTreeBody;
FolderTreeBody.defaultProps = {
isAvailableFolders: true,
isLoadingData: false,
};
export default inject(
({ filesStore, treeFoldersStore, selectedFolderStore }) => {
const { filter } = filesStore;
const { expandedPanelKeys } = treeFoldersStore;
return {
expandedKeys: expandedPanelKeys
? expandedPanelKeys
: selectedFolderStore.pathParts,
filter,
};
}
)(observer(FolderTreeBody));

22
products/ASC.Files/Client/src/components/panels/SelectFolderDialog/index.js
View File

@ -1,14 +1,11 @@
import React from "react";
import { Provider as MobxProvider } from "mobx-react";
import { inject, observer } from "mobx-react";
import { I18nextProvider } from "react-i18next";
import { withTranslation } from "react-i18next";
import PropTypes from "prop-types";
import stores from "../../../store/index";
import { getCommonThirdPartyList } from "@appserver/common/api/settings";
import ModalDialog from "@appserver/components/modal-dialog";
import Loader from "@appserver/components/loader";
import Text from "@appserver/components/text";
import { StyledAsidePanel, StyledSelectFolderPanel } from "../StyledPanels";
import FolderTreeBody from "./folderTreeBody";
import {
@ -135,13 +132,11 @@ class SelectFolderModalDialog extends React.Component {
<ModalDialog.Body>
<FolderTreeBody
isLoadingData={isLoadingData}
expandedKeys={expandedKeys}
folderList={folderList}
onSelect={this.onSelect}
isCommonWithoutProvider={isCommonWithoutProvider}
certainFolders={certainFolders}
isAvailableFolders={isAvailableFolders}
filter={filter}
/>
</ModalDialog.Body>
</ModalDialog>
@ -160,21 +155,8 @@ SelectFolderModalDialog.defaultProps = {
isNeedArrowIcon: false,
};
const SelectFolderDialogWrapper = inject(
({ filesStore, treeFoldersStore, selectedFolderStore }) => {
const { filter } = filesStore;
const { expandedPanelKeys } = treeFoldersStore;
return {
expandedKeys: expandedPanelKeys
? expandedPanelKeys
: selectedFolderStore.pathParts,
filter,
};
}
)(
observer(
withTranslation(["SelectedFolder", "Common"])(SelectFolderModalDialog)
)
const SelectFolderDialogWrapper = withTranslation(["SelectedFolder", "Common"])(
SelectFolderModalDialog
);
class SelectFolderDialog extends React.Component {