feat(Core): Show tracking for new userfeat(Map): Add minimap options

assets/js/hooks/Mapper/components/mapRootContent/components/MapSettings/MapSettings.tsx

@@ -44,6 +44,7 @@ type CheckboxesList = {
 
 const COMMON_CHECKBOXES_PROPS: CheckboxesList = [
   { prop: InterfaceStoredSettingsProps.isShowMinimap, label: 'Show Minimap' },
+  { prop: InterfaceStoredSettingsProps.isStickMinimapToLeft, label: 'Stick Minimap to left' },
 ];
 
 const SYSTEMS_CHECKBOXES_PROPS: CheckboxesList = [

assets/js/hooks/Mapper/components/mapWrapper/MapWrapper.module.scss

@@ -1,3 +1,8 @@
 .MiniMap {
   right: 3.5rem !important;
+
+  &--left {
+    left: 3.5rem !important;
+    width: 200px !important;
+  }
 }

assets/js/hooks/Mapper/components/mapWrapper/MapWrapper.tsx

@@ -1,5 +1,5 @@
 import { Map } from '@/hooks/Mapper/components/map/Map.tsx';
-import { useCallback, useRef, useState } from 'react';
+import { useCallback, useRef, useState, useMemo } from 'react';
 import { OutCommand, OutCommandHandler, SolarSystemConnection } from '@/hooks/Mapper/types';
 import { MapRootData, useMapRootState } from '@/hooks/Mapper/mapRootProvider';
 import { OnMapSelectionChange } from '@/hooks/Mapper/components/map/map.types.ts';
@@ -32,6 +32,7 @@ export const MapWrapper = () => {
     interfaceSettings: {
       isShowMenu,
       isShowMinimap = STORED_INTERFACE_DEFAULT_VALUES.isShowMinimap,
+      isStickMinimapToLeft = STORED_INTERFACE_DEFAULT_VALUES.isStickMinimapToLeft,
       isShowKSpace,
       isThickConnections,
       isShowBackgroundPattern,
@@ -62,6 +63,18 @@ export const MapWrapper = () => {
     runCommand(event);
   });
 
+  const minimapClasses = useMemo(() => {
+    if (isStickMinimapToLeft) {
+      return classes['MiniMap--left'];
+    }
+
+    if (!isShowMenu) {
+      return classes.MiniMap;
+    }
+
+    return undefined;
+  }, [isShowMenu, isStickMinimapToLeft]);
+
   const onSelectionChange: OnMapSelectionChange = useCallback(
     ({ systems, connections }) => {
       const { selectedConnections, selectedSystems } = ref.current;
@@ -132,7 +145,7 @@ export const MapWrapper = () => {
         onConnectionInfoClick={handleConnectionDbClick}
         onSystemContextMenu={handleSystemContextMenu}
         onSelectionContextMenu={handleSystemMultipleContext}
-        minimapClasses={!isShowMenu ? classes.MiniMap : undefined}
+        minimapClasses={minimapClasses}
         isShowMinimap={isShowMinimap}
         showKSpaceBG={isShowKSpace}
         onManualDelete={handleManualDelete}

assets/js/hooks/Mapper/mapRootProvider/MapRootProvider.tsx

@@ -32,6 +32,7 @@ const INITIAL_DATA: MapRootData = {
 export enum InterfaceStoredSettingsProps {
   isShowMenu = 'isShowMenu',
   isShowMinimap = 'isShowMinimap',
+  isStickMinimapToLeft = 'isStickMinimapToLeft',
   isShowKSpace = 'isShowKSpace',
   isThickConnections = 'isThickConnections',
   isShowUnsplashedSignatures = 'isShowUnsplashedSignatures',
@@ -42,6 +43,7 @@ export enum InterfaceStoredSettingsProps {
 export type InterfaceStoredSettings = {
   isShowMenu: boolean;
   isShowMinimap: boolean;
+  isStickMinimapToLeft: boolean;
   isShowKSpace: boolean;
   isThickConnections: boolean;
   isShowUnsplashedSignatures: boolean;
@@ -52,6 +54,7 @@ export type InterfaceStoredSettings = {
 export const STORED_INTERFACE_DEFAULT_VALUES: InterfaceStoredSettings = {
   isShowMenu: false,
   isShowMinimap: true,
+  isStickMinimapToLeft: false,
   isShowKSpace: false,
   isThickConnections: false,
   isShowUnsplashedSignatures: false,