lee/wanderer
1
0
Fork 0
mirror of https://github.com/wanderer-industries/wanderer synced 2025-12-12 02:35:42 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

feat(Map): Add map level option to store custom labels

Browse Source
This commit is contained in:
Dmitry Popov
2024-10-14 18:23:39 +04:00
parent 1d36fadbfa
commit aa0ecbc998
19 changed files with 178 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
assets/js/hooks/Mapper/components/map/hooks/api/useCenterSystem.ts
View File

@@ -1,18 +1,18 @@
import { useReactFlow } from 'reactflow';
import { useCallback } from 'react';
import { useCallback, useRef } from 'react';
import { CommandCenterSystem } from '@/hooks/Mapper/types';
export const useCenterSystem = () => {
const rf = useReactFlow();
const ref = useRef({ rf });
ref.current = { rf };
return useCallback((systemId: CommandCenterSystem) => {
if (!rf) {
return;
}
const systemNode = rf.getNodes().find(x => x.data.id === systemId);
const systemNode = ref.current.rf.getNodes().find(x => x.data.id === systemId);
if (!systemNode) {
return;
}
rf.setCenter(systemNode.position.x, systemNode.position.y, { duration: 1000 });
ref.current.rf.setCenter(systemNode.position.x, systemNode.position.y, { duration: 1000 });
}, []);
};

10
assets/js/hooks/Mapper/components/map/hooks/api/useSelectSystem.ts
View File

@@ -1,15 +1,15 @@
import { useReactFlow } from 'reactflow';
import { useCallback } from 'react';
import { useCallback, useRef } from 'react';
import { CommandSelectSystem } from '@/hooks/Mapper/types';
export const useSelectSystem = () => {
const rf = useReactFlow();
const ref = useRef({ rf });
ref.current = { rf };
return useCallback((systemId: CommandSelectSystem) => {
if (!rf) {
return;
}
rf.setNodes(nds =>
ref.current.rf.setNodes(nds =>
nds.map(node => {
return {
...node,