Web: Files: removed useless code.

products/ASC.Files/Client/src/components/panels/SelectFileDialog/AsideView.js

@@ -1,18 +1,10 @@
 import React, { useState } from "react";
-import {
-  StyledAsidePanel,
-  StyledSelectFilePanel,
-  StyledHeaderContent,
-} from "../StyledPanels";
+import { StyledAsidePanel, StyledSelectFilePanel } from "../StyledPanels";
 import Text from "@appserver/components/text";
 import SelectFolderInput from "../SelectFolderInput";
 import FilesListBody from "./FilesListBody";
-import Aside from "@appserver/components/aside";
-import Heading from "@appserver/components/heading";
-import Backdrop from "@appserver/components/backdrop";
 import Button from "@appserver/components/button";
 import Loaders from "@appserver/common/components/Loaders";
-import Loader from "@appserver/components/loader";
 import EmptyContainer from "../../EmptyContainer/EmptyContainer";
 import ModalDialog from "@appserver/components/modal-dialog";
 const DISPLAY_TYPE = "aside";
@@ -58,8 +50,6 @@ const SelectFileDialogAsideView = ({
         visible={isPanelVisible}
         zIndex={zIndex}
         onClose={onClose}
-        //className="select-file-modal-dialog"
-        //style={{ maxWidth: "890px" }}
         contentHeight="100%"
         displayType={DISPLAY_TYPE}
         removeScroll

products/ASC.Files/Client/src/components/panels/SelectFileDialog/ModalView.js

@@ -1,18 +1,14 @@
 import React from "react";
-import { Provider as MobxProvider } from "mobx-react";
-import stores from "../../../store/index";
 import { StyledAsidePanel, StyledSelectFilePanel } from "../StyledPanels";
 import ModalDialog from "@appserver/components/modal-dialog";
 import SelectFolderDialog from "../SelectFolderDialog";
 import FolderTreeBody from "../../FolderTreeBody";
 import FilesListBody from "./FilesListBody";
 import Button from "@appserver/components/button";
-import Loader from "@appserver/components/loader";
 import Text from "@appserver/components/text";
 import { isArrayEqual } from "@appserver/components/utils/array";
 import { FolderType } from "@appserver/common/constants";
 import { getFoldersTree } from "@appserver/common/api/files";
-import Loaders from "@appserver/common/components/Loaders";
 const exceptSortedByTagsFolders = [
   FolderType.Recent,
   FolderType.TRASH,

products/ASC.Files/Client/src/components/panels/SelectFileDialog/index.js

@@ -11,7 +11,7 @@ import SelectFileDialogModalView from "./ModalView";
 import SelectFileDialogAsideView from "./AsideView";
 
 import utils from "@appserver/components/utils";
-import SelectFolderDialog from "../SelectFolderDialog";
+//import SelectFolderDialog from "../SelectFolderDialog";
 import { getFolder } from "@appserver/common/api/files";
 import { FilterType } from "@appserver/common/constants";
 
@@ -162,7 +162,7 @@ class SelectFileDialogBody extends React.Component {
   };
 
   onSelectFolder = (id) => {
-    const { setFolderId, setExpandedPanelKeys } = this.props;
+    const { setFolderId } = this.props;
 
     if (id) {
       setFolderId(id);
@@ -202,11 +202,11 @@ class SelectFileDialogBody extends React.Component {
   };
 
   loadNextPage = () => {
-    const {
-      setSelectedNode,
-      setSelectedFolder,
-      setExpandedPanelKeys,
-    } = this.props;
+    // const {
+    //   setSelectedNode,
+    //   setSelectedFolder,
+    //   setExpandedPanelKeys,
+    // } = this.props;
     const { selectedFolder, page } = this.state;
 
     if (this._isLoadNextPage) return;

products/ASC.Files/Client/src/components/panels/SelectFolderDialog/ModalView.js

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import React from "react";
 
 import ModalDialog from "@appserver/components/modal-dialog";
 import { StyledAsidePanel, StyledSelectFolderPanel } from "../StyledPanels";

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

@@ -49,7 +49,7 @@ class SelectFolderModalDialog extends React.Component {
       selectionButtonPrimary,
       t,
     } = this.props;
-   
+
     const isNeedFolder = id ? true : isSetFolderImmediately;
     this.buttonName = selectionButtonPrimary
       ? t("Select")
@@ -301,7 +301,7 @@ class SelectFolderModalDialog extends React.Component {
       });
   };
   setSelectedFolder = async (id) => {
-    const { onSetBaseFolderPath, selectionButtonPrimary } = this.props;
+    const { onSetBaseFolderPath } = this.props;
 
     let folder,
       folderPath,

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

@@ -613,9 +613,6 @@ const StyledSelectFolderPanel = styled.div`
     height: ${(props) => (props.displayType === "aside" ? "100%" : "291px")};
   }
 
-  /* .rc-tree-child-tree-open {
-    width: fit-content;
-  } */
   .select-folder-dialog-buttons-save {
     margin-right: 8px;
   }
@@ -653,13 +650,6 @@ const StyledSelectFolderPanel = styled.div`
           `}
   }
 
-  /* span.rc-tree-title {
-    max-width: ${(props) =>
-    props.displayType === "aside" ? "243px" : "466px"};
-  } */
-  /* .rc-tree-treenode-selected {
-    max-width: 260px;
-  } */
   .files-tree-menu {
     margin-top: 0 !important;
   }
@@ -710,12 +700,8 @@ const StyledSelectFilePanel = styled.div`
     height: 100%;
   }
 
-  /* .select-file-dialog_aside-children {
-    ${(props) => props.isHeaderChildren && `padding-bottom: 16px;`}
-  } */
   .select-file-dialog_aside_body,
   .select-file-dialog_aside_body_files-list {
-    //margin-top: 16px;
     height: 100%;
     width: 293px;
   }
@@ -758,10 +744,6 @@ const StyledSelectFilePanel = styled.div`
     margin-right: 10px;
   }
 
-  /* .modal-dialog_children {
-    grid-area: children;
-    ${(props) => props.isHeaderChildren && `padding: 16px 0;`}
-  } */
   .modal-dialog_tree-body {
     grid-area: tree;
   }
@@ -773,7 +755,6 @@ const StyledSelectFilePanel = styled.div`
     display: grid;
     grid-template-columns: 212px 493px;
     height: 295px;
-    // grid-column-gap: 8px;
     grid-template-areas: "tree files-list";
     .modal-dialog_tree-body {
       padding-top: 0;
@@ -818,7 +799,6 @@ const StyledFilesList = styled.div`
   }
 
   .files-list_file-owner {
-    //margin-left: auto;
     max-width: 213px;
     overflow: hidden;
     white-space: nowrap;
@@ -854,7 +834,6 @@ const StyledFilesList = styled.div`
   }
   .select-file-dialog_checked {
     grid-area: checked-button;
-    //padding-left: 6px;
   }
   .files-list_file-children_wrapper {
     grid-area: owner-name;