diff --git a/packages/website/src/components/MixerScene/components/Model.tsx b/packages/website/src/components/MixerScene/components/Model.tsx index 7ac4694e1..6ba450857 100644 --- a/packages/website/src/components/MixerScene/components/Model.tsx +++ b/packages/website/src/components/MixerScene/components/Model.tsx @@ -110,86 +110,90 @@ export function Model() { }); })} + + + + + - {turretNodes.map((node) => { - const isCurrentTurret = - node.name === - `turret_${turretModel.model_id.toString().padStart(2, "0")}`; - const isVisible = isCurrentTurret; - - if (!isVisible) return null; - - return jsxTree(node, { - mesh(_, props, key) { - return ( - - ); - }, - }); - })} - - {gunNodes.map((node) => { - const isCurrentMantlet = + {turretNodes.map((node) => { + const isCurrentTurret = node.name === - `gun_${gunModel.model_id.toString().padStart(2, "0")}_mask`; - const isCurrentGun = - node.name === - `gun_${gunModel.model_id.toString().padStart(2, "0")}`; - const isVisible = isCurrentGun || isCurrentMantlet; + `turret_${turretModel.model_id.toString().padStart(2, "0")}`; + const isVisible = isCurrentTurret; if (!isVisible) return null; return jsxTree(node, { mesh(_, props, key) { - return ; + return ( + + ); }, }); })} + + + {gunNodes.map((node) => { + const isCurrentMantlet = + node.name === + `gun_${gunModel.model_id.toString().padStart(2, "0")}_mask`; + const isCurrentGun = + node.name === + `gun_${gunModel.model_id.toString().padStart(2, "0")}`; + const isVisible = isCurrentGun || isCurrentMantlet; + + if (!isVisible) return null; + + return jsxTree(node, { + mesh(_, props, key) { + return ; + }, + }); + })} +