mirror of
https://github.com/wanderer-industries/wanderer
synced 2025-12-13 03:06:15 +00:00
d8222d83f0
* fix(Map): fix design of kills widget, fix design of signatures widget - refactor a lot of code, fixed problem with tooltip blinking * fix(Map): refactor Tracking dialog, refactor Activity tracker, refactor codebase and some styles * fix(Core): don't count character passage on manual add connection * refactor(Core): improved characters tracking API * fix(Core): fixed link signature to system on 'leads to' set * fix(Map): Refactor map settings and prepared it to easier using * fix(Map): Add support new command for following update * fix(Map): Add support new command for main update * refactor(Core): Reduce map init data by using cached system static data * refactor(Core): Reduce map init data by extract signatures loading to a separate event * fix(Core): adjusted IP rate limits * fix(Map): Update design of tracking characters. Added icons for following and main. Added ability to see that character on the station or structure --------- Co-authored-by: achichenkov <aleksei.chichenkov@telleqt.ai> Co-authored-by: Dmitry Popov <dmitriypopovsamara@gmail.com>
73 lines
2.4 KiB
TypeScript
73 lines
2.4 KiB
TypeScript
import { useCallback } from 'react';
|
|
import clsx from 'clsx';
|
|
import { useAutoAnimate } from '@formkit/auto-animate/react';
|
|
import { Commands } from '@/hooks/Mapper/types/mapHandlers.ts';
|
|
import { CharacterTypeRaw } from '@/hooks/Mapper/types';
|
|
import { emitMapEvent } from '@/hooks/Mapper/events';
|
|
import { useMapRootState } from '@/hooks/Mapper/mapRootProvider';
|
|
import classes from './Characters.module.scss';
|
|
import { isDocked } from '@/hooks/Mapper/helpers/isDocked.ts';
|
|
|
|
interface CharactersProps {
|
|
data: CharacterTypeRaw[];
|
|
}
|
|
|
|
export const Characters = ({ data }: CharactersProps) => {
|
|
const [parent] = useAutoAnimate();
|
|
|
|
const {
|
|
data: { mainCharacterEveId, followingCharacterEveId },
|
|
} = useMapRootState();
|
|
|
|
const handleSelect = useCallback((character: CharacterTypeRaw) => {
|
|
emitMapEvent({
|
|
name: Commands.centerSystem,
|
|
data: character?.location?.solar_system_id?.toString(),
|
|
});
|
|
}, []);
|
|
|
|
const items = data.map(character => (
|
|
<li
|
|
key={character.eve_id}
|
|
className="flex flex-col items-center justify-center"
|
|
onClick={() => handleSelect(character)}
|
|
>
|
|
<div
|
|
className={clsx(
|
|
'flex w-[35px] h-[35px] rounded-[4px] border-[1px] border-solid bg-transparent cursor-pointer',
|
|
'transition-colors duration-250',
|
|
{
|
|
['overflow-hidden relative']: true,
|
|
['border-stone-800/90']: !character.online,
|
|
['border-lime-600/70']: character.online,
|
|
[classes.MainCharacter]: mainCharacterEveId === character.eve_id,
|
|
[classes.FollowingCharacter]: followingCharacterEveId === character.eve_id,
|
|
},
|
|
)}
|
|
title={character.name}
|
|
>
|
|
{isDocked(character.location) && <div className={classes.Docked} />}
|
|
<div
|
|
className={clsx(
|
|
'flex w-full h-full bg-transparent cursor-pointer',
|
|
'bg-center bg-no-repeat bg-[length:100%]',
|
|
'transition-opacity',
|
|
'shadow-[inset_0_1px_6px_1px_#000000]',
|
|
{
|
|
['opacity-60']: !character.online,
|
|
['opacity-100']: character.online,
|
|
},
|
|
)}
|
|
style={{ backgroundImage: `url(https://images.evetech.net/characters/${character.eve_id}/portrait)` }}
|
|
></div>
|
|
</div>
|
|
</li>
|
|
));
|
|
|
|
return (
|
|
<ul className="flex gap-1 characters" id="characters" ref={parent}>
|
|
{items}
|
|
</ul>
|
|
);
|
|
};
|