Merge pull request #270 from steff456/remove-square-icon

Remove square icon in dependencies and channel widgets

src/features/channels/components/Channel.tsx

@@ -1,8 +1,6 @@
 import Box from "@mui/material/Box";
 import Typography from "@mui/material/Typography";
 import React from "react";
-import { getIconForStyleType } from "../../../utils/helpers";
-import { SquareIconAlt } from "../../../components";
 
 interface IChannelProps {
   /**
@@ -12,14 +10,8 @@ interface IChannelProps {
 }
 
 export const Channel = ({ channelName }: IChannelProps) => {
-  const icon = getIconForStyleType(
-    <></>,
-    <SquareIconAlt style={{ marginRight: "8px" }} />
-  );
-
   return (
     <Box className="box" sx={{ display: "flex", alignItems: "center" }}>
-      {icon}
       <Typography
         className="typography"
         sx={{ color: "#333", fontSize: "13px" }}

src/features/dependencies/components/DependenciesItem.tsx

@@ -4,8 +4,7 @@ import Typography from "@mui/material/Typography";
 import { Dependency } from "../../../common/models";
 import Tooltip from "@mui/material/Tooltip";
 import { StyledIconButton } from "../../../styles";
-import { getIconForStyleType } from "../../../utils/helpers";
-import { SquareIconAlt, UploadIcon } from "../../../components";
+import { UploadIcon } from "../../../components";
 
 interface IDependenciesItemProps {
   /**
@@ -26,15 +25,9 @@ const BaseDependenciesItem = ({
   const { name, version } = dependency;
   const isEditMode = mode === "edit";
 
-  const icon = getIconForStyleType(
-    <></>,
-    <SquareIconAlt style={{ marginRight: "8px" }} />
-  );
-
   return (
     <Box sx={{ display: "flex", alignItems: "center" }}>
       <Box sx={{ display: "flex", alignItems: "center", width: "300px" }}>
-        {icon}
         <Typography sx={{ fontSize: "13px", color: "#333" }}>{name}</Typography>
       </Box>
       <Typography