Move showTerrain State to Scene #332

src/components/ThreeViewer/Scene.jsx

@@ -1,4 +1,4 @@
-import React, { useRef } from "react"
+import React, { useRef, useState } from "react"
 import { Canvas } from "react-three-fiber"
 
 import CustomMapControl from "./Controls/CustomMapControl"
@@ -19,8 +19,6 @@ const Scene = ({
   geometries,
   simulationMeshes,
   setSimulationMeshes,
-  showTerrain,
-  setShowTerrain,
   pvSystems,
   setPVSystems,
   selectedMesh,
@@ -32,6 +30,9 @@ const Scene = ({
   vegetationGeometries,
   geoLocation,
 }) => {
+  // showTerrain decides if the underlying Map is visible or not
+  const [showTerrain, setShowTerrain] = useState(true)
+
   window.setPVPoints = setPVPoints
   const position = [
     simulationMeshes[0].middle.x,

src/pages/Simulation.jsx

@@ -12,8 +12,7 @@ function Index() {
 
   // frontendState defines the general state of the frontend (Results, Loading, DrawPV)
   const [frontendState, setFrontendState] = useState("Loading")
-  // showTerrain decides if the underlying Map is visible or not
-  const [showTerrain, setShowTerrain] = useState(true)
+
   // simulationProgress is used for the loading bar
   const [simulationProgress, setSimulationProgress] = useState(0)
   // A list of visible PV Systems - they get visible after they are drawn on a building and calculated
@@ -69,8 +68,6 @@ function Index() {
             geometries={geometries}
             simulationMeshes={simulationMeshes}
             setSimulationMeshes={setSimulationMeshes}
-            showTerrain={showTerrain}
-            setShowTerrain={setShowTerrain}
             pvSystems={pvSystems}
             setPVSystems={setPVSystems}
             selectedMesh={selectedMesh}