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 highlighting for imperial space systems depends on faction

Browse Source 
Fixes #11
This commit is contained in:
achichenkov
2024-09-29 17:57:07 +03:00
parent 501840086b
commit 4c0ad0dd66
12 changed files with 185 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
assets/js/hooks/Mapper/components/mapRootContent/components/RightBar/RightBar.tsx
View File

@@ -13,6 +13,8 @@ interface RightBarProps {
export const RightBar = ({ onShowOnTheMap }: RightBarProps) => {
const { outCommand, interfaceSettings, setInterfaceSettings } = useMapRootState();
const isShowMinimap = interfaceSettings.isShowMinimap === undefined ? true : interfaceSettings.isShowMinimap;
const handleAddCharacter = useCallback(() => {
outCommand({
type: OutCommand.addCharacter,
@@ -27,6 +29,13 @@ export const RightBar = ({ onShowOnTheMap }: RightBarProps) => {
}));
}, [setInterfaceSettings]);
const toggleKSpace = useCallback(() => {
setInterfaceSettings(x => ({
...x,
isShowKSpace: !x.isShowKSpace,
}));
}, [setInterfaceSettings]);
const toggleMenu = useCallback(() => {
setInterfaceSettings(x => ({
...x,
@@ -67,19 +76,31 @@ export const RightBar = ({ onShowOnTheMap }: RightBarProps) => {
<div className="flex flex-col items-center mb-2 gap-1">
<WdTooltipWrapper
content={interfaceSettings.isShowMinimap ? 'Hide minimap' : 'Show minimap'}
content={
interfaceSettings.isShowKSpace ? 'Hide highlighting Imperial Space' : 'Show highlighting Imperial Space'
}
position={TooltipPosition.left}
>
<button
className="btn bg-transparent text-gray-400 hover:text-white border-transparent hover:bg-transparent py-2 h-auto min-h-auto"
type="button"
onClick={toggleKSpace}
>
{interfaceSettings.isShowKSpace ? (
<i className="pi pi-star-fill text-lg"></i>
) : (
<i className="pi pi-star text-lg"></i>
)}
</button>
</WdTooltipWrapper>
<WdTooltipWrapper content={isShowMinimap ? 'Hide minimap' : 'Show minimap'} position={TooltipPosition.left}>
<button
className="btn bg-transparent text-gray-400 hover:text-white border-transparent hover:bg-transparent py-2 h-auto min-h-auto"
type="button"
onClick={toggleMinimap}
>
{interfaceSettings.isShowMinimap ? (
<i className="pi pi-eye text-lg"></i>
) : (
<i className="pi pi-eye-slash text-lg"></i>
)}
{isShowMinimap ? <i className="pi pi-eye text-lg"></i> : <i className="pi pi-eye-slash text-lg"></i>}
</button>
</WdTooltipWrapper>