Fix: didn't chchange the js files

Author: rayishihara

src/pages/home/.ipynb_checkpoints/Home-checkpoint.tsx

@@ -43,18 +43,19 @@ export default function Home() {
                 </div>
             </header>
             <section className="relative w-full h-screen">
-                <div
-                    className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[90vw] z-50"
-                    style={{
-                        maxHeight: isVisible ? "100vh" : "0",
-                        overflow: "hidden",
-                        transition: "max-height 0.3s ease",
-                    }}
-                >
+               <div
+  className="absolute top-1/2 left-1/2 w-[90vw] z-50"
+  style={{
+    maxHeight: isVisible ? "100vh" : "0",
+    overflow: "hidden",
+    transition: "max-height 0.3s ease",
+    transform: "translate(calc(-50% - 40px), -50%)",
+  }}
+>
                     <LevelComponent
                     key={mountKey}
                     onClose={() => handleClose()}
-                    selectedLevel={getLevelRef.current ? getLevelRef.current() : 0}
+                    selectedLevel={getLevelRef.current ? getLevelRef.current() : 1}
                     />
                 </div>
                 <canvas ref={canvasRef} className={styles.solarsystem}></canvas>

src/pages/home/js/.ipynb_checkpoints/camera-checkpoint.js

@@ -39,7 +39,7 @@ export function setupParallax( canvas ) {
 
 }
 
-export function setupFocus( canvas, camera, planets, basePosition, onPlanetClick ) {
+export function setupFocus( canvas, camera, planets, basePosition ) {
 
     const focus = {
         raycaster:    new THREE.Raycaster(),
@@ -66,7 +66,6 @@ export function setupFocus( canvas, camera, planets, basePosition, onPlanetClick
             focus.paused   = true;
             focus.tweening  = true;
             focus.popupFired = false;
-            onPlanetClick()
         } 
         else {
             zoomOut();

src/pages/home/js/.ipynb_checkpoints/main-checkpoint.js

@@ -6,7 +6,7 @@ import { createScene } from "./scene.js";
 const ZOOM_DIST = 5;
 const TWEEN_SPEED = 0.07;
 
-export function main( canvas, onPlanetClick, onPlanetFocus ) {
+export function main( canvas, onPlanetFocus ) {
 
     // --- Initialisation ---
 
@@ -18,7 +18,7 @@ export function main( canvas, onPlanetClick, onPlanetFocus ) {
 
     const { targetOffset, currentOffset } = setupParallax( canvas );
 
-    const { focus, zoomOut } = setupFocus( canvas, camera, planets, basePosition, onPlanetClick );
+    const { focus, zoomOut } = setupFocus( canvas, camera, planets, basePosition );
 
     const currentLookAt = new THREE.Vector3(0, 0, 0);
     const origin = new THREE.Vector3(0, 0, 0);

src/pages/home/js/camera.js

@@ -39,7 +39,7 @@ export function setupParallax( canvas ) {
 
 }
 
-export function setupFocus( canvas, camera, planets, basePosition, onPlanetClick ) {
+export function setupFocus( canvas, camera, planets, basePosition ) {
 
     const focus = {
         raycaster:    new THREE.Raycaster(),
@@ -66,7 +66,6 @@ export function setupFocus( canvas, camera, planets, basePosition, onPlanetClick
             focus.paused   = true;
             focus.tweening  = true;
             focus.popupFired = false;
-            onPlanetClick()
         } 
         else {
             zoomOut();

src/pages/home/js/main.js

@@ -6,7 +6,7 @@ import { createScene } from "./scene.js";
 const ZOOM_DIST = 5;
 const TWEEN_SPEED = 0.07;
 
-export function main( canvas, onPlanetClick, onPlanetFocus ) {
+export function main( canvas, onPlanetFocus ) {
 
     // --- Initialisation ---
 
@@ -18,7 +18,7 @@ export function main( canvas, onPlanetClick, onPlanetFocus ) {
 
     const { targetOffset, currentOffset } = setupParallax( canvas );
 
-    const { focus, zoomOut } = setupFocus( canvas, camera, planets, basePosition, onPlanetClick );
+    const { focus, zoomOut } = setupFocus( canvas, camera, planets, basePosition );
 
     const currentLookAt = new THREE.Vector3(0, 0, 0);
     const origin = new THREE.Vector3(0, 0, 0);