refactor: Conditionally render distance display for aisles and reference aisles based on toggleView state

2025-05-30 17:55:58 +05:30
parent b26ebcc4cc
commit 865bb9f2d3
2 changed files with 47 additions and 38 deletions
--- a/app/src/modules/builder/aisle/Instances/aisleInstances.tsx
+++ b/app/src/modules/builder/aisle/Instances/aisleInstances.tsx
@@ -47,7 +47,10 @@ function AisleInstances() {

                    return (
                        <>
+
                            <AisleInstance aisle={aisle} key={aisle.uuid} />
+
+                            {toggleView &&
                                <Html
                                    // data
                                    key={aisle.uuid}
@@ -68,6 +71,8 @@ function AisleInstances() {
                                        {distance.toFixed(2)} m
                                    </div>
                                </Html>
+                            }
+
                        </>
                    )
                })}
--- a/app/src/modules/builder/aisle/aisleCreator/referenceAisle.tsx
+++ b/app/src/modules/builder/aisle/aisleCreator/referenceAisle.tsx
@@ -178,6 +178,8 @@ function ReferenceAisle({ tempPoints }: Readonly<ReferenceAisleProps>) {

    const rendertext = () => {
        return (
+            <>
+                {toggleView &&
                    <Html
                        // data
                        key={tempAisle.uuid}
@@ -198,6 +200,8 @@ function ReferenceAisle({ tempPoints }: Readonly<ReferenceAisleProps>) {
                            {distance.toFixed(2)} m
                        </div>
                    </Html>
+                }
+            </>
        )
    }