diff --git a/src/components/three/gameplay/RepairPromptVideo.tsx b/src/components/three/gameplay/RepairPromptVideo.tsx
index a3ca7e1..1a25d45 100644
--- a/src/components/three/gameplay/RepairPromptVideo.tsx
+++ b/src/components/three/gameplay/RepairPromptVideo.tsx
@@ -1,34 +1,25 @@
-import { Html } from "@react-three/drei";
+import { WorldVideoPrompt } from "@/components/three/ui/WorldVideoPrompt";
import type { Vector3Tuple } from "@/types/three/three";
interface RepairPromptVideoProps {
src: string;
position?: Vector3Tuple;
size?: number;
+ billboard?: boolean;
}
export function RepairPromptVideo({
src,
position = [0, 1.8, 0],
size = 96,
+ billboard = true,
}: RepairPromptVideoProps): React.JSX.Element {
return (
-
-
-
+
);
}
diff --git a/src/components/three/gameplay/RepairRepairingStep.tsx b/src/components/three/gameplay/RepairRepairingStep.tsx
index 4c2539b..f00c0c3 100644
--- a/src/components/three/gameplay/RepairRepairingStep.tsx
+++ b/src/components/three/gameplay/RepairRepairingStep.tsx
@@ -240,7 +240,9 @@ export function RepairRepairingStep({
);
})}
-
+ {isReadyToInstall ? (
+
+ ) : null}
);
}
diff --git a/src/components/three/ui/WorldVideoPrompt.tsx b/src/components/three/ui/WorldVideoPrompt.tsx
new file mode 100644
index 0000000..3fd83c3
--- /dev/null
+++ b/src/components/three/ui/WorldVideoPrompt.tsx
@@ -0,0 +1,42 @@
+import { Html } from "@react-three/drei";
+import type { Vector3Tuple } from "@/types/three/three";
+
+interface WorldVideoPromptProps {
+ src: string;
+ position?: Vector3Tuple;
+ size?: number;
+ billboard?: boolean;
+}
+
+export function WorldVideoPrompt({
+ src,
+ position = [0, 0, 0],
+ size = 96,
+ billboard = true,
+}: WorldVideoPromptProps): React.JSX.Element {
+ return (
+
+
+
+ );
+}