diff --git a/src/app/tools/tankopedia/[id]/components/Model/TankSandbox.tsx b/src/app/tools/tankopedia/[id]/components/Model/TankSandbox.tsx index 2123cfc14..c8a231f33 100644 --- a/src/app/tools/tankopedia/[id]/components/Model/TankSandbox.tsx +++ b/src/app/tools/tankopedia/[id]/components/Model/TankSandbox.tsx @@ -1,5 +1,5 @@ import { LightningBoltIcon } from '@radix-ui/react-icons'; -import { Button, Card, Flex, Tabs, Theme } from '@radix-ui/themes'; +import { Badge, 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'; @@ -9,6 +9,7 @@ import { modelDefinitions } from '../../../../../../core/blitzkrieg/modelDefinit import { modelTransformEvent } from '../../../../../../core/blitzkrieg/modelTransform'; import { Pose, poseEvent } from '../../../../../../core/blitzkrieg/pose'; import { tankIcon } from '../../../../../../core/blitzkrieg/tankIcon'; +import { useModel } from '../../../../../../hooks/useModel'; import { useDuel } from '../../../../../../stores/duel'; import { TankopediaMode, @@ -39,6 +40,7 @@ export function TankSandbox() { const gunModelDefinition = turretModelDefinition.guns[protagonist.gun.id]; const [loadModel, setLoadModel] = useState(true); // set to false someday? const duel = useDuel(); + const { hasPbr } = useModel(protagonist.tank.id); function handlePointerDown() { window.addEventListener('pointermove', handlePointerMove); @@ -160,7 +162,12 @@ export function TankSandbox() { }} > - Model + + + Model + {hasPbr ? PBR : null} + + Armor