added team logo avatar replacement

src/HUD/GameHUD/Game.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { Draft, Team, Faction, Player, TeamDraft } from 'dotagsi';
 import { apiUrl, getAssetURL } from '../../api/api';
 import CameraContainer from '../Camera/Container';
+import { Avatar } from '../Players/Avatar';
 
 const ObservedPlayer = ({ players, player, team, show}: { show: boolean, player: Player | null, players: Player[], team: Team | null }) => {
     const getPlayerById = (id: number) => {
@@ -32,7 +33,7 @@ const ObservedPlayer = ({ players, player, team, show}: { show: boolean, player:
             </div>
             <div className="player_picture">
 				<CameraContainer observedSteamid={player.steamid} />
-                {player.avatar ? <img src={player.avatar} /> : null}
+                <Avatar player={player} teamId={team?.id} />
             </div>
         </div> : null}
         

src/HUD/Players/Avatar.tsx

@@ -0,0 +1,42 @@
+import { useEffect, useState } from "react";
+import { configs } from "../../App";
+import { apiUrl } from "../../api/api";
+import React from "react";
+import { Player } from "dotagsi";
+
+export const Avatar = (
+  { player, teamId }: { player: Player; teamId?: string | null },
+) => {
+
+  const [replaceAvatars, setAvatars] = useState<"always" | "never" | "if_missing">("never");
+
+  useEffect(() => {
+    const onData = (data: any) => {
+      if (!data) return;
+      const display = data.view;
+      if (!display) return;
+      setAvatars(display.replace_avatars || "never");
+    };
+    configs.onChange(onData);
+    onData(configs.data);
+
+    return () => {
+      configs.listeners = configs.listeners.filter((l) => l !== onData);
+    };
+  }, []);
+
+  const getUrl = () => {
+    const avatarData = player.avatar;
+  
+    if(replaceAvatars === 'always' || (replaceAvatars === 'if_missing' && !avatarData)){
+      return teamId ? `${apiUrl}api/teams/logo/${teamId}` : avatarData || null;
+    }
+    return avatarData || null;
+  }
+
+  const url = getUrl();
+
+  if(!url) return null
+  
+  return <img src={url} />
+};