Updated setup to vite and moved to hooks instead of class

src/HUD/Indicators/Armor.tsx

@@ -1,15 +1,13 @@
-import React from 'react';
-import { Player } from 'csgogsi-socket';
-import {ArmorHelmet, ArmorFull} from './../../assets/Icons';
-export default class Armor extends React.Component<{ player: Player }> {
-    render() {
-        const { player } = this.props;
-        if(!player.state.health || !player.state.armor) return '';
-        return (
-            <div className={`armor_indicator`}>
-                {player.state.helmet ? <ArmorHelmet /> : <ArmorFull/>}
-            </div>
-        );
-    }
+import React from "react";
+import { ArmorFull, ArmorHelmet } from "./../../assets/Icons";
 
-}
+const Armor = ({ health, armor, helmet }: { health: number, armor: number, helmet: boolean }) => {
+  if (!health || !armor) return null;
+  return (
+    <div className={`armor_indicator`}>
+      {helmet ? <ArmorHelmet /> : <ArmorFull />}
+    </div>
+  );
+};
+
+export default React.memo(Armor);