Set view to main signalbox on load

- Updated scenery loading to set the view to main signalbox on scenery load

src/components/SceneryManager.js

@@ -38,6 +38,16 @@ export default function SceneryManager(props) {
         }
     }, [myFetch]);
 
+    const updateViewAfterSceneryLoaded = useCallback((scenery) => {
+        const mainSignalBox = scenery.getMainSignalBox();
+        if(mainSignalBox) {
+            const sbPos = mainSignalBox.pos.toSVGCoords();
+            const sbRot = -mainSignalBox.getFinalRotation();
+            setCamera(...sbPos, sbRot, Constants.map.zoomDefault);
+        }
+        else setCamera(0, 0, 0, Constants.map.zoomDefault);
+    }, [setCamera]);
+
     const loadCustomScenery = useCallback((file) => {
         return new Promise((resolve, reject) => {
             let alreadyLoading;
@@ -66,13 +76,7 @@ export default function SceneryManager(props) {
                 let loadingError = null;
                 try {
                     scenery = SceneryParser.fromText(e.target?.result);
-                    const mainSignalBox = scenery.signalBoxes?.[0];
+                    updateViewAfterSceneryLoaded(scenery);
-                    if(mainSignalBox) {
-                        const sbPos = mainSignalBox.pos.toSVGCoords();
-                        const sbRot = -mainSignalBox.getFinalRotation();
-                        setCamera(...sbPos, sbRot, Constants.map.zoomDefault);
-                    }
-                    else setCamera(0, 0, 0, Constants.map.zoomDefault);
                 } catch (error) {
                     scenery = null;
                     loadingError = error;
@@ -85,7 +89,7 @@ export default function SceneryManager(props) {
                 resolve(scenery);
             }
         });
-    }, [setCamera]);
+    }, [updateViewAfterSceneryLoaded]);
 
     const loadScenery = useCallback(async (sceneryName) => {
         let file;

src/model/scenery.js

@@ -58,6 +58,14 @@ export default class Scenery
         });
     }
 
+    getMainSignalBox() {
+        if(this.signalBoxes.length === 0) return null;
+
+        const mainSignalBoxName = this.objects.special?.SceneryInfo?.['main_signalbox'];
+        const foundMainSignalBox = this.signalBoxes.find(sb => sb.name === mainSignalBoxName);
+        return foundMainSignalBox || this.signalBoxes[0];
+    }
+
     _applyCategory(category) {
         if(!this.objects[category]) return;