Dwinzo_Demo/app/src/modules/builder/wallAsset/wallAssetGroup.tsx

import { useEffect } from 'react';
import { useToggleView } from '../../../store/builder/store';
import { useBuilderStore } from '../../../store/builder/useBuilderStore';
import { useVersionContext } from '../version/versionContext';
import { useSceneContext } from '../../scene/sceneContext';
import { useParams } from 'react-router-dom';
import useModuleStore from '../../../store/useModuleStore';
import WallAssetCreator from './wallAssetCreator'
import WallAssetInstances from './Instances/wallAssetInstances'

function WallAssetGroup() {
    const { togglView } = useToggleView();
    const { setSelectedFloorAsset } = useBuilderStore();
    const { activeModule } = useModuleStore();
    const { selectedVersionStore } = useVersionContext();
    const { selectedVersion } = selectedVersionStore();
    const { wallAssetStore } = useSceneContext();
    const { setWallAssets } = wallAssetStore();
    const { projectId } = useParams();

    useEffect(() => {
        if (togglView || activeModule !== 'builder') {
            setSelectedFloorAsset(null);
        }
    }, [togglView, activeModule])

    return (
        <>

            <WallAssetCreator />

            <WallAssetInstances />

        </>
    )
}

export default WallAssetGroup