fix: spaced armor bleeding

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

@@ -170,6 +170,7 @@ export const SpacedArmorDepth = memo<SpacedArmorDepthProps>(({ duel }) => {
         return (
           <ArmorMeshSpacedArmorDepth
             include={spaced}
+            isExternalModule={false}
             thickness={thickness}
             maxThickness={maxThickness}
             key={node.uuid}
@@ -186,6 +187,7 @@ export const SpacedArmorDepth = memo<SpacedArmorDepthProps>(({ duel }) => {
 
         return (
           <ArmorMeshSpacedArmorDepth
+            isExternalModule
             key={node.uuid}
             geometry={(node as Mesh).geometry}
           />
@@ -209,6 +211,7 @@ export const SpacedArmorDepth = memo<SpacedArmorDepthProps>(({ duel }) => {
           return (
             <ArmorMeshSpacedArmorDepth
               include={spaced}
+              isExternalModule={false}
               thickness={thickness}
               maxThickness={maxThickness}
               key={node.uuid}
@@ -234,6 +237,7 @@ export const SpacedArmorDepth = memo<SpacedArmorDepthProps>(({ duel }) => {
             return (
               <ArmorMeshSpacedArmorDepth
                 include={spaced}
+                isExternalModule={false}
                 thickness={thickness}
                 maxThickness={maxThickness}
                 key={node.uuid}
@@ -252,6 +256,7 @@ export const SpacedArmorDepth = memo<SpacedArmorDepthProps>(({ duel }) => {
 
             return (
               <ArmorMeshSpacedArmorDepth
+                isExternalModule
                 key={node.uuid}
                 geometry={(node as Mesh).geometry}
               />

src/components/ArmorMesh/components/SpacedArmorDepth/index.tsx

@@ -10,6 +10,7 @@ type ArmorMeshSpacedArmorDepthProps = MeshProps &
   (
     | {
         include?: false;
+        isExternalModule: boolean;
       }
     | {
         include: true;
@@ -23,8 +24,14 @@ export function ArmorMeshSpacedArmorDepth(
 ) {
   return (
     <>
+      {!props.include && (
+        <mesh {...props} renderOrder={props.isExternalModule ? 2 : 0}>
+          <meshBasicMaterial colorWrite={false} />
+        </mesh>
+      )}
+
       {props.include && (
-        <mesh {...props} renderOrder={0}>
+        <mesh {...props} renderOrder={1}>
           <ThreeCustomShaderMaterial
             silent
             depthWrite={false}
@@ -38,12 +45,6 @@ export function ArmorMeshSpacedArmorDepth(
           />
         </mesh>
       )}
-
-      {!props.include && (
-        <mesh {...props} renderOrder={1}>
-          <meshBasicMaterial colorWrite={false} />
-        </mesh>
-      )}
     </>
   );
 }