refactor: add typescript support to project

src/common/component/ChannelIcon.tsx

@@ -0,0 +1,27 @@
+import { FC } from "react";
+import styled from "styled-components";
+import HashIcon from "../../assets/icons/channel.svg";
+import LockHashIcon from "../../assets/icons/channel.private.svg";
+
+interface Props {
+  personal?: boolean;
+  muted?: boolean;
+  className: string;
+}
+
+const Styled = styled.div`
+  display: flex;
+  &.muted path {
+    fill: #d0d5dd;
+  }
+`;
+
+const ChannelIcon: FC<Props> = ({ personal = false, muted = false, className }) => {
+  return (
+    <Styled className={`${muted ? "muted" : ""} ${className}`}>
+      {personal ? <LockHashIcon /> : <HashIcon />}
+    </Styled>
+  );
+};
+
+export default ChannelIcon;