diff --git a/src/app/tools/tankopedia/[id]/components/Model/TankSandbox.tsx b/src/app/tools/tankopedia/[id]/components/Model/TankSandbox.tsx index 53a66a455..1e38d524b 100644 --- a/src/app/tools/tankopedia/[id]/components/Model/TankSandbox.tsx +++ b/src/app/tools/tankopedia/[id]/components/Model/TankSandbox.tsx @@ -1,4 +1,5 @@ -import { Card, Flex, Tabs, Theme } from '@radix-ui/themes'; +import { LightningBoltIcon } from '@radix-ui/react-icons'; +import { Button, Card, Flex, Tabs, Theme } from '@radix-ui/themes'; import { PerspectiveCamera } from '@react-three/drei'; import { Canvas } from '@react-three/fiber'; import { Suspense, use, useEffect, useRef, useState } from 'react'; @@ -6,6 +7,7 @@ import { applyPitchYawLimits } from '../../../../../../core/blitz/applyPitchYawL import { modelDefinitions } from '../../../../../../core/blitzkrieg/modelDefinitions'; import { modelTransformEvent } from '../../../../../../core/blitzkrieg/modelTransform'; import { Pose, poseEvent } from '../../../../../../core/blitzkrieg/pose'; +import { tankIcon } from '../../../../../../core/blitzkrieg/tankIcon'; import { useDuel } from '../../../../../../stores/duel'; import { TankopediaMode, @@ -32,6 +34,8 @@ export function TankSandbox() { const turretModelDefinition = tankModelDefinition.turrets[protagonist.turret.id]; const gunModelDefinition = turretModelDefinition.guns[protagonist.gun.id]; + const [loadModel, setLoadModel] = useState(false); + const duel = useDuel(); function handlePointerDown() { window.addEventListener('pointermove', handlePointerMove); @@ -159,21 +163,58 @@ export function TankSandbox() {