chore: remove socket connected icon in header

Author: asuzuki-jumptrading

src/assets/power.svg

@@ -7,11 +7,6 @@ import {
 } from "../../api/atoms";
 import { Text, Tooltip, Flex } from "@radix-ui/themes";
 import styles from "./cluster.module.css";
-import connectedIcon from "../../assets/power.svg";
-import reconnectingIcon from "../../assets/power_off_orange.svg";
-import disconnectedIcon from "../../assets/power_off_red.svg";
-import { socketStateAtom } from "../../api/ws/atoms";
-import { SocketState } from "../../api/ws/types";
 import { ScheduleStrategyEnum } from "../../api/entities";
 import { ScheduleStrategyIcon } from "../../components/ScheduleStrategyIcon";
 import { clusterIndicatorHeight, slotsListWidth } from "../../consts";
@@ -24,17 +19,9 @@ export function Cluster() {
   const cluster = useAtomValue(clusterAtom);
   const version = useAtomValue(versionAtom);
   const commitHash = useAtomValue(commitHashAtom);
-  const socketState = useAtomValue(socketStateAtom);
 
   if (!cluster && !version) return null;
 
-  let icon = disconnectedIcon;
-  if (socketState === SocketState.Connected) {
-    icon = connectedIcon;
-  } else if (socketState === SocketState.Connecting) {
-    icon = reconnectingIcon;
-  }
-
   let clusterText: string | undefined = cluster;
   if (cluster === "mainnet-beta") {
     clusterText = "mainnet";
@@ -66,12 +53,6 @@ export function Cluster() {
         </Tooltip>
       </Flex>
 
-      <Tooltip
-        content={`GUI is currently ${socketState} ${socketState === SocketState.Disconnected ? "from" : "to"} the validator`}
-      >
-        <img src={icon} className={styles.wsStatusIcon} alt="ws status" />
-      </Tooltip>
-
       <StrategyIcon />
     </Flex>
   );

src/assets/power_off_orange.svg

@@ -21,11 +21,4 @@
     font-weight: 700;
     margin-bottom: -3px;
   }
-
-  .ws-status-icon {
-    height: 12px;
-    width: 12px;
-    margin: -1px -2px 0 -2px;
-    user-select: none;
-  }
 }