Updated setup to vite and moved to hooks instead of class

src/HUD/Radar/Radar.tsx

@@ -1,50 +1,20 @@
-import React from "react";
-import { isDev } from './../../api/api';
-import { CSGO } from "csgogsi-socket";
+import { CSGO } from "csgogsi";
 import LexoRadarContainer from './LexoRadar/LexoRadarContainer';
 
 
 
 interface Props { radarSize: number, game: CSGO }
-interface State {
-    showRadar: boolean,
-    loaded: boolean,
-    boltobserv:{
-        css: boolean,
-        maps: boolean
-    }
+
+const Radar = ({ radarSize, game }: Props) => {
+    const { players, player, bomb, grenades, map } = game; 
+    return <LexoRadarContainer
+        players={players}
+        player={player}
+        bomb={bomb}
+        grenades={grenades}
+        size={radarSize}
+        mapName={map.name.substring(map.name.lastIndexOf('/')+1)}
+    />
 }
 
-export default class Radar extends React.Component<Props, State> {
-    state = {
-        showRadar: true,
-        loaded: !isDev,
-        boltobserv: {
-            css: true,
-            maps: true
-        }
-    }
-    async componentDidMount(){
-        /*if(isDev){
-            const response = await fetch('hud.json');
-            const hud = await response.json();
-            const boltobserv = {
-                css: Boolean(hud && hud.boltobserv && hud.boltobserv.css),
-                maps: Boolean(hud && hud.boltobserv && hud.boltobserv.maps)
-            }
-            this.setState({boltobserv, loaded: true});
-        }*/
-    }
-
-    render() {
-        const { players, player, bomb, grenades, map } = this.props.game; 
-        return <LexoRadarContainer
-            players={players}
-            player={player}
-            bomb={bomb}
-            grenades={grenades}
-            size={this.props.radarSize}
-            mapName={map.name.substring(map.name.lastIndexOf('/')+1)}
-        />
-    }
-}
+export default Radar;