wanderer/assets/js/hooks/Mapper/components/map/hooks/useNodeKillsCount.ts

import { useEffect, useState, useCallback } from 'react';
import { useMapEventListener } from '@/hooks/Mapper/events';
import { Commands } from '@/hooks/Mapper/types';

interface Kill {
  solar_system_id: number | string;
  kills: number;
}

interface MapEvent {
  name: Commands;
  data?: any;
  payload?: Kill[];
}

export function useNodeKillsCount(
  systemId: number | string,
  initialKillsCount: number | null
): number | null {
  const [killsCount, setKillsCount] = useState<number | null>(initialKillsCount);

  useEffect(() => {
    setKillsCount(initialKillsCount);
  }, [initialKillsCount]);

  const handleEvent = useCallback((event: MapEvent): boolean => {
    if (event.name === Commands.killsUpdated && Array.isArray(event.payload)) {
      const killForSystem = event.payload.find(
        kill => kill.solar_system_id.toString() === systemId.toString()
      );
      if (killForSystem && typeof killForSystem.kills === 'number') {
        setKillsCount(killForSystem.kills);
      }
      return true;
    }
    return false;
  }, [systemId]);

  useMapEventListener(handleEvent);

  return killsCount;
}