diff --git a/src/app/tools/tankopedia/[id]/components/Model/TankDisplay.tsx b/src/app/tools/tankopedia/[id]/components/Model/TankDisplay.tsx index b3fdfe27e..73183d7de 100644 --- a/src/app/tools/tankopedia/[id]/components/Model/TankDisplay.tsx +++ b/src/app/tools/tankopedia/[id]/components/Model/TankDisplay.tsx @@ -134,7 +134,7 @@ export function TankDisplay() { } > - {mode === 'armor' && controlsEnabled && } + {mode === 'armor' && } diff --git a/src/app/tools/tankopedia/[id]/components/Model/components/TankArmor.tsx b/src/app/tools/tankopedia/[id]/components/Model/components/TankArmor.tsx index 8b208c885..ff063f71a 100644 --- a/src/app/tools/tankopedia/[id]/components/Model/components/TankArmor.tsx +++ b/src/app/tools/tankopedia/[id]/components/Model/components/TankArmor.tsx @@ -1,4 +1,4 @@ -import { useLoader } from '@react-three/fiber'; +import { GroupProps, useLoader } from '@react-three/fiber'; import { useEffect, useState } from 'react'; import { Euler, Mesh, Vector3 } from 'three'; import { GLTFLoader } from 'three-stdlib'; @@ -12,9 +12,9 @@ import { } from '../../../../../../../core/blitzkrieg/modelDefinitions'; import { useTankopedia } from '../../../../../../../stores/tankopedia'; -interface TankArmorProps {} +interface TankArmorProps extends GroupProps {} -export function TankArmor() { +export function TankArmor(props: TankArmorProps) { const [awaitedModelDefinitions, setAwaitedModelDefinitions] = useState< ModelDefinitions | undefined >(undefined); @@ -81,7 +81,7 @@ export function TankArmor() { return ( - + {nodes.map((node) => { const isHull = node.name.startsWith('hull_'); const armorId = parseInt(node.name.match(/.+_armor_(\d+)/)![1]);