Merge branch 'messages_overhaul' into dev_environment

src/products/CommonIcons/marketplaceIcon.tsx

@@ -2,7 +2,6 @@ import MarketWhite from "assets/marketplaceImages/marketplaceIconLight.png";
 import MarketBlack from "assets/marketplaceImages/marketplaceIconDark.png";
 import { ImgIcon } from "common/ImgIcon";
 import { useThemeType } from "hooks";
-import React from "react";
 
 interface Props {
   type?: "light" | "dark";

src/products/CommonIcons/robotIcon.tsx

@@ -0,0 +1,23 @@
+import RobotWhite from "assets/common/robotIconLight.png";
+import RobotBlack from "assets/common/robotIconDark.png";
+import { ImgIcon } from "common/ImgIcon";
+import { useThemeType } from "hooks";
+
+interface Props {
+  type?: "light" | "dark";
+}
+
+export default function RobotIcon(props: Props) {
+  const themeType = useThemeType();
+  const { type } = props;
+
+  const src = () => {
+    if (type) {
+      return type === "light" ? RobotWhite : RobotBlack;
+    }
+
+    return themeType === "light" ? RobotBlack : RobotWhite;
+  };
+
+  return <ImgIcon alt="marketplace" src={src()} />;
+}