|  |  |  | 
|---|
|  |  |  | if (!props || Object.keys(props).length === 0) { | 
|---|
|  |  |  | return; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // group position | 
|---|
|  |  |  | const pos = { | 
|---|
|  |  |  | x: position?.[0], | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // loader theta | 
|---|
|  |  |  | if (integrateTheta !== loaderTheta) { | 
|---|
|  |  |  | console.log(integrateTheta, loaderTheta); | 
|---|
|  |  |  | const minTheta = Common.minDiffTheta(integrateTheta, loaderTheta); | 
|---|
|  |  |  | console.log(minTheta); | 
|---|
|  |  |  | new TWEEN.Tween({ value: integrateTheta }) | 
|---|
|  |  |  | .to({ value: minTheta }, INTERVAL_TIME) | 
|---|
|  |  |  | .easing(TWEEN.Easing.Linear.None) | 
|---|
|  |  |  | 
|---|
|  |  |  | {hasBox && <Box position={[0, 24, 0]} />} | 
|---|
|  |  |  | </group> | 
|---|
|  |  |  | </group> | 
|---|
|  |  |  | <group> | 
|---|
|  |  |  | {trayList?.[0]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 25, 0]} />} | 
|---|
|  |  |  | {trayList?.[1]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 48, 0]} />} | 
|---|
|  |  |  | {trayList?.[2]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 71, 0]} />} | 
|---|
|  |  |  | {trayList?.[3]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 94, 0]} />} | 
|---|
|  |  |  | {trayList?.[4]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 117, 0]} />} | 
|---|
|  |  |  | {trayList?.[5]?.hasBox && <Box rotationY={Math.PI / 2} position={[-43, 140, 0]} />} | 
|---|
|  |  |  | </group> | 
|---|
|  |  |  | </group> | 
|---|
|  |  |  | </> | 
|---|
|  |  |  | ) | 
|---|