From 056d34a66dfa9f49c120fafa5908ce38145c2f4d Mon Sep 17 00:00:00 2001
From: TatianaLopaeva <tatiana.lopaeva@onlyoffice.com>
Date: Wed, 16 Jun 2021 15:35:05 +0300
Subject: [PATCH] Web: Files: Added resize listener.

---
 .../panels/SelectFileDialog/index.js          | 30 +++++++++++++------
 1 file changed, 21 insertions(+), 9 deletions(-)

diff --git a/products/ASC.Files/Client/src/components/panels/SelectFileDialog/index.js b/products/ASC.Files/Client/src/components/panels/SelectFileDialog/index.js
index ce4aae7b95..357c2ec407 100644
--- a/products/ASC.Files/Client/src/components/panels/SelectFileDialog/index.js
+++ b/products/ASC.Files/Client/src/components/panels/SelectFileDialog/index.js
@@ -16,17 +16,26 @@ class SelectFileDialogBody extends React.Component {
     super(props);
     this.state = {
       isLoadingData: false,
-      isAvailableFolders: true,
-      certainFolders: true,
       isVisible: false,
       selectedFolder: "",
       filesList: [],
+      width: window.innerWidth,
     };
-    this.backupList;
-    this.convertedData = [];
+    this.timeoutId = null;
   }
 
-  componentDidMount() {}
+  componentDidMount() {
+    window.addEventListener("resize", this.updateWidth);
+  }
+
+  updateWidth = () => {
+    clearTimeout(this.timeoutId);
+    this.timeoutId = setTimeout(
+      () => this.setState({ width: window.innerWidth }),
+      150
+    );
+  };
+
   componentDidUpdate(prevProps, prevState) {
     const { selectedFolder } = this.state;
 
@@ -43,6 +52,10 @@ class SelectFileDialogBody extends React.Component {
     }
   }
 
+  componentWillUnmount() {
+    window.removeEventListener("resize", this.updateWidth);
+  }
+
   onClickInput = () => {
     this.setState({
       isVisible: true,
@@ -88,10 +101,9 @@ class SelectFileDialogBody extends React.Component {
       foldersType,
       isCommonWithoutProvider,
     } = this.props;
-    const { isVisible, filesList, isLoadingData } = this.state;
-    console.log("filesList", filesList);
-    let type = "aside";
-    return type === "aside" ? (
+    const { isVisible, filesList, isLoadingData, width } = this.state;
+
+    return width < 1024 ? (
       <SelectFileDialogAsideView
         t={t}
         isPanelVisible={isPanelVisible}