feat: reenable mixer

packages/website/src/components/MixerScene/components/MixerFallback.tsx

@@ -0,0 +1,13 @@
+import { Progress } from "@radix-ui/themes";
+import { Html } from "@react-three/drei";
+import { useStableProgress } from "../../../hooks/useStableProgress";
+
+export function MixerFallback() {
+  const progress = useStableProgress();
+
+  return (
+    <Html center>
+      <Progress value={progress} style={{ width: "10rem" }} />
+    </Html>
+  );
+}

packages/website/src/components/MixerScene/index.tsx

@@ -2,22 +2,31 @@ import { OrbitControls } from "@react-three/drei";
 import { Canvas } from "@react-three/fiber";
 import { Suspense } from "react";
 import { Lighting } from "../Tankopedia/HeroSection/components/TankSandbox/components/Lighting";
+import { SceneProps } from "../Tankopedia/HeroSection/components/TankSandbox/components/SceneProps";
+import { MixerFallback } from "./components/MixerFallback";
 import { Model } from "./components/Model";
 
 export function MixerScene() {
   return (
     <Canvas
       shadows="soft"
+      style={{ background: "black" }}
       camera={{
         fov: 45,
-        position: [5, 5, -5],
+        position: [-4, 4, -7],
       }}
     >
-      <OrbitControls />
+      <OrbitControls
+        maxDistance={20}
+        minDistance={5}
+        enableDamping={false}
+        target={[0, 0.5, 0]}
+      />
 
       <Lighting />
+      <SceneProps />
 
-      <Suspense fallback={null}>
+      <Suspense fallback={<MixerFallback />}>
         <Model />
       </Suspense>
     </Canvas>