fix: set active layer after setting layers

Author: bertyhell

src/components/LayerManager.tsx

@@ -58,6 +58,9 @@ export const LayerManager: FC<LayerManagerProps> = ({
 		}
 		layer.isVisible = !layer.isVisible;
 		setLayers([...layers]);
+		if (getActiveLayerId() === layerId && !layer.isVisible) {
+			setActiveLayerId(getLayers()[0].id);
+		}
 	};
 
 	const handleLockUnlockLayer = (evt: MouseEvent, layerId: string): void => {
@@ -68,6 +71,9 @@ export const LayerManager: FC<LayerManagerProps> = ({
 		}
 		layer.isLocked = !layer.isLocked;
 		setLayers([...layers]);
+		if (getActiveLayerId() === layerId && layer.isLocked) {
+			setActiveLayerId(getLayers()[0].id);
+		}
 	};
 
 	const handleCreateNewLayer = (evt: MouseEvent): void => {

src/helpers/import-export-handlers/import-entities-from-json.ts

@@ -5,9 +5,9 @@ import {type Entity, EntityName, type JsonEntity} from '../../entities/Entity';
 import {LineEntity, type LineJsonData} from '../../entities/LineEntity';
 import {PointEntity, type PointJsonData} from '../../entities/PointEntity';
 import {RectangleEntity, type RectangleJsonData} from '../../entities/RectangleEntity';
-import {setActiveLayerId, setEntities, setLayers} from '../../state';
-import type {JsonDrawingFileDeserialized, JsonDrawingFileSerialized} from './export-entities-to-json';
-import {getNewLayer} from "../get-new-layer.ts";
+import {setActiveLayerId, setEntities, setLayers} from '../../state.ts';
+import {getNewLayer} from '../get-new-layer.ts';
+import type {JsonDrawingFileDeserialized, JsonDrawingFileSerialized,} from './export-entities-to-json.ts';
 
 /**
  * Open a file selection dialog to select *.json files

src/helpers/import-export-handlers/import-entities-from-local-storage.ts

@@ -1,5 +1,5 @@
 import {LOCAL_STORAGE_KEY} from '../../App.types.ts';
-import {setEntities, setLayers} from '../../state.ts';
+import {setActiveLayerId, setEntities, setLayers} from '../../state.ts';
 import {getNewLayer} from '../get-new-layer.ts';
 import {getEntitiesAndLayersFromJsonString} from './import-entities-from-json.ts';
 import type {JsonDrawingFileDeserialized} from "./export-entities-to-json.ts";
@@ -8,6 +8,7 @@ export async function importEntitiesAndLayersFromLocalStorage(): Promise<void> {
 	const file = await getEntitiesAndLayersFromLocalStorage();
 	setEntities(file.entities);
 	setLayers(file.layers);
+	setActiveLayerId(file.layers[0].id);
 }
 
 export async function getEntitiesAndLayersFromLocalStorage(): Promise<JsonDrawingFileDeserialized> {