make landing page globe auto rotate

anomic30 · Oct 19, 2022 · dc69ff6 · dc69ff6
1 parent 181df1d
commit dc69ff6
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/client/src/components/globe/Globe.jsx b/client/src/components/globe/Globe.jsx
@@ -20,6 +20,7 @@ function Globe() {
     const ringMaxRadius = 3 // deg
     const ringPropagationSpeed = 2 // deg/sec
     const ringRepeatPeriod = (arcFlightTime * arcRelativeLength) / numRings
+    const autoRotate = true
 
     const backgroundColor = '#121916' // should sync with background-color in "src/pages/landing/Landing.css"
     // transparent globe
@@ -105,7 +106,9 @@ function Globe() {
         }
 
         globeRef.current.pointOfView(initialCoordinates)
-    }, [])
+        globeRef.current.controls().autoRotateSpeed = 0.5
+        globeRef.current.controls().autoRotate = autoRotate
+    }, [autoRotate])
 
     return (
         <ReactGlobe