diff --git a/src/components/floor-plan/modal/grid/DotLineGrid.jsx b/src/components/floor-plan/modal/grid/DotLineGrid.jsx index 67c4cdf3..da41fdcf 100644 --- a/src/components/floor-plan/modal/grid/DotLineGrid.jsx +++ b/src/components/floor-plan/modal/grid/DotLineGrid.jsx @@ -34,6 +34,7 @@ export default function DotLineGrid(props) { // 데이터를 최초 한 번만 조회 useEffect(() => { console.log('DotLineGrid useEffect 실행') + setSettingsDataSave({ ...settingsData }) // dimension 값에 맞는 옵션을 선택 @@ -137,6 +138,7 @@ export default function DotLineGrid(props) { const changeDimension = (result) => { const { value } = result + setSelectOption(result) setCopyCurrentSetting((prev) => { return { ...prev, @@ -268,14 +270,16 @@ export default function DotLineGrid(props) { mm
- + {selectOption && ( + + )}
diff --git a/src/hooks/common/useGrid.js b/src/hooks/common/useGrid.js index 2b6e9ba9..abd2a6e0 100644 --- a/src/hooks/common/useGrid.js +++ b/src/hooks/common/useGrid.js @@ -15,12 +15,13 @@ export function useGrid() { if (!canvas) { return } + const patternData = { dotGridDisplay: dotLineGridSetting.DOT, lineGridDisplay: dotLineGridSetting.LINE, gridType: dotLineGridSetting.INTERVAL.type, - gridHorizon: dotLineGridSetting.INTERVAL.horizontalInterval / 10, - gridVertical: dotLineGridSetting.INTERVAL.verticalInterval / 10, + gridHorizon: (dotLineGridSetting.INTERVAL.horizontalInterval / 10) * (dotLineGridSetting.INTERVAL.dimension ?? 1), + gridVertical: (dotLineGridSetting.INTERVAL.verticalInterval / 10) * (dotLineGridSetting.INTERVAL.dimension ?? 1), gridRatio: dotLineGridSetting.INTERVAL.ratioInterval / 10, gridDimen: dotLineGridSetting.INTERVAL.dimension, }