Fix icon for object browser and download icon (#989)

Signed-off-by: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com>

portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/ObjectDetails.tsx

@@ -81,6 +81,7 @@ import ScreenTitle from "../../../../Common/ScreenTitle/ScreenTitle";
 import DescriptionIcon from "@material-ui/icons/Description";
 import EditIcon from "../../../../../../icons/EditIcon";
 import SearchIcon from "../../../../../../icons/SearchIcon";
+import ObjectBrowserIcon from "../../../../../../icons/ObjectBrowserIcon";
 
 const styles = (theme: Theme) =>
   createStyles({
@@ -513,7 +514,7 @@ const ObjectDetails = ({
           <ScreenTitle
             icon={
               <Fragment>
-                <DescriptionIcon style={{ width: 40, height: 40 }} />
+                <ObjectBrowserIcon width={40} />
               </Fragment>
             }
             title={objectName}

portal-ui/src/screens/Console/Common/TableWrapper/TableActionButton.tsx

@@ -22,12 +22,12 @@ import ViewIcon from "./TableActionIcons/ViewIcon";
 import ShareIcon from "./TableActionIcons/ShareIcon";
 import CloudIcon from "./TableActionIcons/CloudIcon";
 import ConsoleIcon from "./TableActionIcons/ConsoleIcon";
-import DownloadIcon from "./TableActionIcons/DownloadIcon";
 import DisableIcon from "./TableActionIcons/DisableIcon";
 import FormatDriveIcon from "./TableActionIcons/FormatDriveIcon";
 import EditIcon from "../../../../icons/EditIcon";
 import TrashIcon from "../../../../icons/TrashIcon";
 import { IAMPoliciesIcon } from "../../../../icons";
+import DownloadIcon from "../../../../icons/DownloadIcon";
 
 const styles = () =>
   createStyles({
@@ -72,7 +72,7 @@ const defineIcon = (type: string, selected: boolean) => {
     case "console":
       return <ConsoleIcon active={selected} />;
     case "download":
-      return <DownloadIcon active={selected} />;
+      return <DownloadIcon width={16} active={selected} />;
     case "disable":
       return <DisableIcon active={selected} />;
     case "format":

portal-ui/src/screens/Console/Dashboard/types.tsx

@@ -29,11 +29,11 @@ export interface ServerInfo {
   version: string;
   commitID: string;
   poolNumber: number;
-  drives: IDriveInfo[],
-  network: any,
+  drives: IDriveInfo[];
+  network: any;
 }
 
 export interface IDriveInfo {
-  state: string,
-  uuid: string,
+  state: string;
+  uuid: string;
 }

portal-ui/src/screens/Console/Menu/Menu.tsx

@@ -54,6 +54,7 @@ import LogsIcon from "../../../icons/LogsIcon";
 import SettingsIcon from "../../../icons/SettingsIcon";
 import StorageIcon from "../../../icons/StorageIcon";
 import TenantsOutlinedIcon from "../../../icons/TenantsOutlineIcon";
+import ObjectBrowserIcon from "../../../icons/ObjectBrowserIcon";
 
 const styles = (theme: Theme) =>
   createStyles({
@@ -205,7 +206,7 @@ const Menu = ({
       component: NavLink,
       to: "/object-browser",
       name: "Object Browser",
-      icon: <DescriptionIcon />,
+      icon: <ObjectBrowserIcon />,
     },
     {
       group: "User",

portal-ui/src/screens/Console/ObjectBrowser/BrowseBuckets.tsx

@@ -200,7 +200,7 @@ const BrowseBuckets = ({
   const renderBucket = (bucketName: string) => {
     return (
       <div className={classes.bucketName}>
-        <div className={`${classes.iconBucket} iconBucketElm`} />
+        <BucketsIcon width={16} />
         <span>{bucketName}</span>
       </div>
     );