This commit is contained in:
2025-09-01 18:04:59 +05:30
parent 765f4acb57
commit 6f9da9e9c0
2 changed files with 8 additions and 9 deletions

View File

@@ -98,27 +98,27 @@ const AisleProperties: React.FC = () => {
const dashLengthValue = useMemo(() => { const dashLengthValue = useMemo(() => {
return dashLength.toString(); return dashLength.toString();
}, [aisleType, dashLength]); }, [dashLength]);
const dotRadiusValue = useMemo(() => { const dotRadiusValue = useMemo(() => {
return dotRadius.toString(); return dotRadius.toString();
}, [aisleType, dotRadius]); }, [dotRadius]);
const gapLengthValue = useMemo(() => { const gapLengthValue = useMemo(() => {
return gapLength.toString(); return gapLength.toString();
}, [aisleType, gapLength]); }, [gapLength]);
const aisleWidthValue = useMemo(() => { const aisleWidthValue = useMemo(() => {
return aisleWidth.toString(); return aisleWidth.toString();
}, [aisleType, aisleWidth]); }, [aisleWidth]);
const aisleLengthValue = useMemo(() => { const aisleLengthValue = useMemo(() => {
return aisleLength.toString(); return aisleLength.toString();
}, [aisleType, aisleLength]); }, [aisleLength]);
const aisleIsFlipped = useMemo(() => { const aisleIsFlipped = useMemo(() => {
return isFlipped; return isFlipped;
}, [aisleType, isFlipped]); }, [isFlipped]);
const renderAdvancedProperties = () => { const renderAdvancedProperties = () => {
switch (aisleType) { switch (aisleType) {
@@ -286,7 +286,7 @@ const AisleProperties: React.FC = () => {
onClick={() => setAisleColor(val.id)} onClick={() => setAisleColor(val.id)}
aria-pressed={aisleColor === val.id} aria-pressed={aisleColor === val.id}
> >
<div <div
className={`texture-display ${val.id}`} className={`texture-display ${val.id}`}
style={{ background: val.id }} style={{ background: val.id }}
> >

View File

@@ -3,9 +3,8 @@ import { CameraControls } from '@react-three/drei';
import { ThreeEvent, useThree } from '@react-three/fiber'; import { ThreeEvent, useThree } from '@react-three/fiber';
import { useCallback, useEffect, useRef } from 'react'; import { useCallback, useEffect, useRef } from 'react';
import { useActiveTool, useResourceManagementId, useToggleView, useZoneAssetId } from '../../../../../../store/builder/store'; import { useActiveTool, useResourceManagementId, useToggleView, useZoneAssetId, useSocketStore } from '../../../../../../store/builder/store';
import useModuleStore, { useSubModuleStore } from '../../../../../../store/useModuleStore'; import useModuleStore, { useSubModuleStore } from '../../../../../../store/useModuleStore';
import { useSocketStore } from '../../../../../../store/builder/store';
import { useSceneContext } from '../../../../../scene/sceneContext'; import { useSceneContext } from '../../../../../scene/sceneContext';
import { useProductContext } from '../../../../../simulation/products/productContext'; import { useProductContext } from '../../../../../simulation/products/productContext';
import { useVersionContext } from '../../../../version/versionContext'; import { useVersionContext } from '../../../../version/versionContext';