diff --git a/app/src/modules/builder/asset/assetsGroup.tsx b/app/src/modules/builder/asset/assetsGroup.tsx
index e407d3c..04fd32b 100644
--- a/app/src/modules/builder/asset/assetsGroup.tsx
+++ b/app/src/modules/builder/asset/assetsGroup.tsx
@@ -12,7 +12,6 @@ import useModuleStore from "../../../store/useModuleStore";
import { useThree } from "@react-three/fiber";
import { CameraControls } from "@react-three/drei";
import addAssetModel from "./functions/addAssetModel";
-import { useSceneContext } from "../../scene/sceneContext";
const gltfLoaderWorker = new Worker(
new URL(
@@ -23,7 +22,6 @@ const gltfLoaderWorker = new Worker(
function AssetsGroup({ floorGroup, plane }: { readonly floorGroup: RefGroup, readonly plane: RefMesh }) {
const { activeModule } = useModuleStore();
- const { layout } = useSceneContext();
const { socket } = useSocketStore();
const { controls, gl, pointer, camera, raycaster } = useThree();
const { setLoadingProgress } = useLoadingProgress();
@@ -292,9 +290,7 @@ function AssetsGroup({ floorGroup, plane }: { readonly floorGroup: RefGroup, rea
}, [selectedItem, camera, pointer, activeModule, controls]);
return (
- <>
-
- >
+
)
}
diff --git a/app/src/modules/builder/asset/models/model/model.tsx b/app/src/modules/builder/asset/models/model/model.tsx
index 14fe258..bbe857d 100644
--- a/app/src/modules/builder/asset/models/model/model.tsx
+++ b/app/src/modules/builder/asset/models/model/model.tsx
@@ -4,7 +4,7 @@ import { retrieveGLTF, storeGLTF } from '../../../../../utils/indexDB/idbUtils';
import { GLTF, GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader';
import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader';
import { ThreeEvent, useFrame, useThree } from '@react-three/fiber';
-import { useActiveTool, useDeletableFloorItem, useRenderDistance, useSelectedFloorItem, useSocketStore } from '../../../../../store/builder/store';
+import { useActiveTool, useDeletableFloorItem, useRenderDistance, useSelectedFloorItem, useSocketStore, useToggleView } from '../../../../../store/builder/store';
import { AssetBoundingBox } from '../../functions/assetBoundingBox';
import { CameraControls } from '@react-three/drei';
import { useAssetsStore } from '../../../../../store/builder/useAssetStore';
@@ -18,6 +18,7 @@ import { useProductContext } from '../../../../simulation/products/productContex
function Model({ asset }: { readonly asset: Asset }) {
const { camera, controls, gl } = useThree();
const { activeTool } = useActiveTool();
+ const { toggleView } = useToggleView();
const { subModule } = useSubModuleStore();
const { activeModule } = useModuleStore();
const { removeAsset } = useAssetsStore();
@@ -249,20 +250,28 @@ function Model({ asset }: { readonly asset: Asset }) {
visible={asset.isVisible}
userData={asset}
onDoubleClick={(e) => {
- e.stopPropagation();
- handleDblClick(asset);
+ if (!toggleView) {
+ e.stopPropagation();
+ handleDblClick(asset);
+ }
}}
onClick={(e) => {
- e.stopPropagation();
- handleClick(asset);
+ if (!toggleView) {
+ e.stopPropagation();
+ handleClick(asset);
+ }
}}
onPointerOver={(e) => {
- e.stopPropagation();
- handlePointerOver(asset);
+ if (!toggleView) {
+ e.stopPropagation();
+ handlePointerOver(asset);
+ }
}}
onPointerOut={(e) => {
- e.stopPropagation();
- handlePointerOut(asset);
+ if (!toggleView) {
+ e.stopPropagation();
+ handlePointerOut(asset);
+ }
}}
onContextMenu={(e) => {
e.stopPropagation();