diff --git a/src/components/three/gameplay/RepairGame.tsx b/src/components/three/gameplay/RepairGame.tsx index 63dbd67..37b61f9 100644 --- a/src/components/three/gameplay/RepairGame.tsx +++ b/src/components/three/gameplay/RepairGame.tsx @@ -1,4 +1,4 @@ -import { useEffect, useState } from "react"; +import { Suspense, useEffect, useState } from "react"; import { ExplodableModel } from "@/components/three/models/ExplodableModel"; import type { RepairCasePlaceholder } from "@/components/three/gameplay/RepairCaseModel"; import { RepairCompletionStep } from "@/components/three/gameplay/RepairCompletionStep"; @@ -71,54 +71,56 @@ export function RepairGame({ return ( - {step === "waiting" ? ( - setMissionStep(mission, "inspected")} - /> - ) : null} - {step === "fragmented" ? ( - - ) : null} - {step === "scanning" ? ( - { - setScannedBrokenParts(brokenParts); - setMissionStep(mission, "repairing"); - }} - /> - ) : null} - {step === "repairing" ? ( - setMissionStep(mission, "reassembling")} - /> - ) : null} - {step === "reassembling" ? ( - setMissionStep(mission, "done")} - /> - ) : null} - {step === "done" ? ( - completeMission(mission)} - /> - ) : null} - {step !== "waiting" && step !== "done" && step !== "reassembling" ? ( - - ) : null} + + {step === "waiting" ? ( + setMissionStep(mission, "inspected")} + /> + ) : null} + {step === "fragmented" ? ( + + ) : null} + {step === "scanning" ? ( + { + setScannedBrokenParts(brokenParts); + setMissionStep(mission, "repairing"); + }} + /> + ) : null} + {step === "repairing" ? ( + setMissionStep(mission, "reassembling")} + /> + ) : null} + {step === "reassembling" ? ( + setMissionStep(mission, "done")} + /> + ) : null} + {step === "done" ? ( + completeMission(mission)} + /> + ) : null} + {step !== "waiting" && step !== "done" && step !== "reassembling" ? ( + + ) : null} + ); } diff --git a/src/world/World.tsx b/src/world/World.tsx index 2b3aa67..2b5a053 100644 --- a/src/world/World.tsx +++ b/src/world/World.tsx @@ -1,3 +1,4 @@ +import { Suspense } from "react"; import { Physics } from "@react-three/rapier"; import { PLAYER_SPAWN_POSITION_GAME, @@ -43,10 +44,10 @@ export function World({ onLoadingStateChange }: WorldProps): React.JSX.Element { {showHandTrackingGloves ? ( - <> + - + ) : null} {cameraMode === "debug" ? : null} {sceneMode === "game" ? (