fix: hide on rotate

src/app/tools/tankopedia/[id]/components/Model/TankDisplay.tsx

@@ -42,7 +42,6 @@ export function TankDisplay() {
     if (!state.areTanksAssigned) return;
     return state.protagonist;
   });
-  const controlsEnabled = useTankopedia((state) => state.model.controlsEnabled);
 
   if (!protagonist) return null;
 
@@ -143,11 +142,7 @@ export function TankDisplay() {
                   }
                 >
                   <TankModel />
-                  {mode === 'armor' && (
+                  {mode === 'armor' && <TankArmor />}
-                    <group visible={controlsEnabled}>
-                      <TankArmor />
-                    </group>
-                  )}
                 </Suspense>
               </Canvas>
             </div>

src/app/tools/tankopedia/[id]/components/Model/components/TankArmor.tsx

@@ -17,6 +17,7 @@ import { Lighting } from '../../Lighting';
 interface TankArmorProps extends GroupProps {}
 
 export function TankArmor({ ...props }: TankArmorProps) {
+  const controlsEnabled = useTankopedia((state) => state.model.controlsEnabled);
   const [awaitedModelDefinitions, setAwaitedModelDefinitions] = useState<
     ModelDefinitions | undefined
   >(undefined);
@@ -86,7 +87,11 @@ export function TankArmor({ ...props }: TankArmorProps) {
     <HeadsUpDisplay>
       <Lighting />
 
-      <group {...props} rotation={[-Math.PI / 2, 0, model.hullYaw]}>
+      <group
+        {...props}
+        rotation={[-Math.PI / 2, 0, model.hullYaw]}
+        visible={controlsEnabled}
+      >
         {nodes.map((node) => {
           const isHull = node.name.startsWith('hull_');
           const armorId = parseInt(node.name.match(/.+_armor_(\d+)/)![1]);