From 9a4f3c9d91a5d38f41e3317113cfd915c82331f0 Mon Sep 17 00:00:00 2001
From: Jerald-Golden-B <jerald@hexrfactory.com>
Date: Fri, 1 Aug 2025 10:13:19 +0530
Subject: [PATCH] feat: Update Instances component to disable frustum culling
 for improved rendering of arrow geometries

---
 .../builder/aisle/Instances/instance/aisleTypes/arrowsAisle.tsx | 2 +-
 .../builder/aisle/Instances/instance/aisleTypes/dottedAisle.tsx | 1 -
 app/src/modules/builder/aisle/aisleCreator/referenceAisle.tsx   | 2 +-
 app/src/modules/builder/point/point.tsx                         | 1 -
 4 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/app/src/modules/builder/aisle/Instances/instance/aisleTypes/arrowsAisle.tsx b/app/src/modules/builder/aisle/Instances/instance/aisleTypes/arrowsAisle.tsx
index c49388a..6908cf3 100644
--- a/app/src/modules/builder/aisle/Instances/instance/aisleTypes/arrowsAisle.tsx
+++ b/app/src/modules/builder/aisle/Instances/instance/aisleTypes/arrowsAisle.tsx
@@ -87,7 +87,7 @@ function ArrowsAisle({ aisle }: { readonly aisle: Aisle }) {
                 setSelectedAisle(null);
             }}
         >
-            <Instances geometry={arrowGeometry}>
+            <Instances geometry={arrowGeometry} frustumCulled={false}>
                 <meshStandardMaterial color={aisle.type.aisleColor || '#ffffff'} side={THREE.DoubleSide} />
                 {arrowInstances.map(({ position, rotation }, i) => (
                     <Instance key={i} position={position} rotation={rotation} />
diff --git a/app/src/modules/builder/aisle/Instances/instance/aisleTypes/dottedAisle.tsx b/app/src/modules/builder/aisle/Instances/instance/aisleTypes/dottedAisle.tsx
index e411269..e2b264a 100644
--- a/app/src/modules/builder/aisle/Instances/instance/aisleTypes/dottedAisle.tsx
+++ b/app/src/modules/builder/aisle/Instances/instance/aisleTypes/dottedAisle.tsx
@@ -47,7 +47,6 @@ function DottedAisle({ aisle }: { readonly aisle: Aisle }) {
             uuid={aisle.aisleUuid}
             ref={aisleRef}
             position={[0, (aisle.points[0].layer - 1) * Constants.wallConfig.height + 0.01, 0]}
-            rotation={[0, 0, 0]}
             userData={aisle}
             onDoubleClick={handleClick}
             onPointerMissed={() => {
diff --git a/app/src/modules/builder/aisle/aisleCreator/referenceAisle.tsx b/app/src/modules/builder/aisle/aisleCreator/referenceAisle.tsx
index 38f0dbc..ec90f8d 100644
--- a/app/src/modules/builder/aisle/aisleCreator/referenceAisle.tsx
+++ b/app/src/modules/builder/aisle/aisleCreator/referenceAisle.tsx
@@ -455,7 +455,7 @@ function ArrowsAisle({ aisle }: { readonly aisle: Aisle }) {
         <group
             position={[0, (aisle.points[0].layer - 1) * Constants.wallConfig.height + 0.01, 0]}
         >
-            <Instances geometry={arrowGeometry} limit={100}>
+            <Instances geometry={arrowGeometry} frustumCulled={false}>
                 <meshStandardMaterial color={aisle.type.aisleColor || '#ffffff'} side={THREE.DoubleSide} />
                 {arrowInstances.map(({ position, rotation }, i) => (
                     <Instance key={i} position={position} rotation={rotation} />
diff --git a/app/src/modules/builder/point/point.tsx b/app/src/modules/builder/point/point.tsx
index e62eb99..cf44c26 100644
--- a/app/src/modules/builder/point/point.tsx
+++ b/app/src/modules/builder/point/point.tsx
@@ -708,7 +708,6 @@ function Point({ point }: { readonly point: Point }) {
                         <meshBasicMaterial color="white" />
                     </mesh>
                 </group>
-
             }
         </>
     );