Dwinzo-Beta
/
Dwinzo_dev
4
0
Fork 3
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

This commit is contained in:
Jerald-Golden-B 2025-05-30 17:55:58 +05:30
parent b26ebcc4cc
commit 865bb9f2d3
2 changed files with 47 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
app/src/modules/builder/aisle/Instances/aisleInstances.tsx
View File

@ -47,27 +47,32 @@ function AisleInstances() {
return (
<>
<AisleInstance aisle={aisle} key={aisle.uuid} />
<Html
// data
key={aisle.uuid}
userData={aisle}
position={[textPosition.x, 1, textPosition.z]}
// class
wrapperClass="distance-text-wrapper"
className="distance-text"
// other
zIndexRange={[1, 0]}
prepend
sprite
>
<div
{toggleView &&
<Html
// data
key={aisle.uuid}
className={`distance ${aisle.uuid}`}
userData={aisle}
position={[textPosition.x, 1, textPosition.z]}
// class
wrapperClass="distance-text-wrapper"
className="distance-text"
// other
zIndexRange={[1, 0]}
prepend
sprite
>
{distance.toFixed(2)} m
</div>
</Html>
<div
key={aisle.uuid}
className={`distance ${aisle.uuid}`}
>
{distance.toFixed(2)} m
</div>
</Html>
}
</>
)
})}

44
app/src/modules/builder/aisle/aisleCreator/referenceAisle.tsx
View File

@ -178,26 +178,30 @@ function ReferenceAisle({ tempPoints }: Readonly<ReferenceAisleProps>) {
const rendertext = () => {
return (
<Html
// data
key={tempAisle.uuid}
userData={tempAisle}
position={[textPosition.x, 1, textPosition.z]}
// class
wrapperClass="distance-text-wrapper"
className="distance-text"
// other
zIndexRange={[1, 0]}
prepend
sprite
>
<div
key={tempAisle.uuid}
className={`distance ${tempAisle.uuid}`}
>
{distance.toFixed(2)} m
</div>
</Html>
<>
{toggleView &&
<Html
// data
key={tempAisle.uuid}
userData={tempAisle}
position={[textPosition.x, 1, textPosition.z]}
// class
wrapperClass="distance-text-wrapper"
className="distance-text"
// other
zIndexRange={[1, 0]}
prepend
sprite
>
<div
key={tempAisle.uuid}
className={`distance ${tempAisle.uuid}`}
>
{distance.toFixed(2)} m
</div>
</Html>
}
</>
)
}