Web: PortalSettings: StorageManagement: Refactoring.

packages/client/src/pages/PortalSettings/categories/storage-management/Statistics.js

@@ -1,4 +1,3 @@
-import React from "react";
 import { inject, observer } from "mobx-react";
 import { useTranslation } from "react-i18next";
 

packages/client/src/pages/PortalSettings/categories/storage-management/sub-components/RoomsList.js

@@ -43,20 +43,18 @@ const RoomsListComponent = (props) => {
 
     return (
       <StyledSimpleFilesRow key={item.id}>
-        <>
-          {iconElement(
-            id,
-            icon,
-            fileExst,
-            isRoom,
-            defaultRoomIcon,
-            null,
-            title,
-            color
-          )}
-          {textElement(title)}
-          {quotaElement(item)}
-        </>
+        {iconElement(
+          id,
+          icon,
+          fileExst,
+          isRoom,
+          defaultRoomIcon,
+          null,
+          title,
+          color
+        )}
+        {textElement(title)}
+        {quotaElement(item)}
       </StyledSimpleFilesRow>
     );
   });

packages/client/src/pages/PortalSettings/categories/storage-management/sub-components/UsersList.js

@@ -1,4 +1,3 @@
-import React from "react";
 import { inject, observer } from "mobx-react";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
@@ -38,38 +37,30 @@ const StatisticsComponent = (props) => {
 
     return (
       <StyledSimpleFilesRow key={id}>
-        <>
-          {iconElement(
-            id,
-            avatar,
-            fileExst,
-            isRoom,
-            defaultRoomIcon,
-            "user-icon"
-          )}
-          {textElement(displayName)}
-          {quotaElement(item, "user")}
-        </>
+        {iconElement(
+          id,
+          avatar,
+          fileExst,
+          isRoom,
+          defaultRoomIcon,
+          "user-icon"
+        )}
+        {textElement(displayName)}
+        {quotaElement(item, "user")}
       </StyledSimpleFilesRow>
     );
   });
 
   return (
     <StyledStatistics>
-      <div>
-        <Text fontWeight={600} className="item-statistic">
-          {t("Top5Users")}
-        </Text>
-        {usersList}
+      <Text fontWeight={600} className="item-statistic">
+        {t("Top5Users")}
+      </Text>
+      {usersList}
 
-        {peopleListLength > 5 && (
-          <Button
-            {...buttonProps}
-            label={t("ShowMore")}
-            onClick={onClickUsers}
-          />
-        )}
-      </div>
+      {peopleListLength > 5 && (
+        <Button {...buttonProps} label={t("ShowMore")} onClick={onClickUsers} />
+      )}
     </StyledStatistics>
   );
 };