Web: Files: added view saving to localStorage, refactoring

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

@@ -591,7 +591,7 @@ class FilesContent extends React.Component {
             />
           </div>
 
-          {viewAs !== "tile" && (
+          {viewAs !== "tile" ? (
             <Text
               containerMinWidth="120px"
               containerWidth="15%"
@@ -605,8 +605,8 @@ class FilesContent extends React.Component {
             >
               {fileOwner}
             </Text>
-          )}
-          {viewAs !== "tile" && (
+          ) : null}
+          {viewAs !== "tile" ? (
             <Text
               containerMinWidth="200px"
               containerWidth="15%"
@@ -618,8 +618,8 @@ class FilesContent extends React.Component {
             >
               {(fileExst || !providerKey) && updatedDate && updatedDate}
             </Text>
-          )}
-          {viewAs !== "tile" && (
+          ) : null}
+          {viewAs !== "tile" ? (
             <Text
               containerMinWidth="90px"
               containerWidth="10%"
@@ -639,7 +639,7 @@ class FilesContent extends React.Component {
                   )}: ${foldersCount}`
                 : ""}
             </Text>
-          )}
+          ) : null}
         </Content>
       </>
     );

products/ASC.Files/Client/src/components/pages/Home/Section/Body/FilesTile/sub-components/TileContent.js

@@ -109,12 +109,14 @@ const getSideInfo = (content) => {
   const lastIndex = content.length - 1;
 
   content.forEach((element, index) => {
-    const delimiter = index === lastIndex ? "" : " | ";
-    if (index > 1) {
-      info +=
-        element.props && element.props.children
-          ? element.props.children + delimiter
-          : "";
+    if (element) {
+      const delimiter = index === lastIndex ? "" : " | ";
+      if (index > 1) {
+        info +=
+          element.props && element.props.children
+            ? element.props.children + delimiter
+            : "";
+      }
     }
   });
 
@@ -158,7 +160,7 @@ const TileContent = (props) => {
         <MainIcons className="mainIcons">{children[1]}</MainIcons>
       </MainContainerWrapper>
       {children.map((element, index) => {
-        if (index > 1) {
+        if (index > 1 && element) {
           return (
             <SideContainerWrapper
               disableSideInfo={disableSideInfo}

products/ASC.Files/Client/src/components/pages/Home/Section/Body/sub-components/Badges.js

@@ -45,7 +45,7 @@ const Badges = (props) => {
     onShowVersionHistory,
     onBadgeClick,
   } = props;
-  const { id, locked, fileStatus, versionGroup, access, title } = item;
+  const { id, locked, fileStatus, versionGroup, title } = item;
   const { fileExst } = item;
 
   const showNew = !!newItems;

products/ASC.Files/Client/src/store/FilesStore.js

@@ -26,7 +26,7 @@ class FilesStore {
 
   isLoaded = false;
   isLoading = false;
-  viewAs = "row";
+  viewAs = localStorage.getItem("viewAs") || "row";
   dragging = false;
   privacyInstructions = "https://www.onlyoffice.com/private-rooms.aspx";
   isInit = false;
@@ -71,6 +71,7 @@ class FilesStore {
 
   setViewAs = (viewAs) => {
     this.viewAs = viewAs;
+    localStorage.setItem("viewAs", viewAs);
   };
 
   setDragging = (dragging) => {