Canvas설정 데이터 초기화(reset함수사용)

src/hooks/option/useCanvasSetting.js

@@ -58,17 +58,22 @@ export function useCanvasSetting() {
 
   const [settingModalFirstOptions, setSettingModalFirstOptions] = useRecoilState(settingModalFirstOptionsState)
   const [settingModalSecondOptions, setSettingModalSecondOptions] = useRecoilState(settingModalSecondOptionsState)
+  const resetSettingModalFirstOptions = useResetRecoilState(settingModalFirstOptionsState)
+  const resetSettingModalSecondOptions = useResetRecoilState(settingModalSecondOptionsState)
 
   const [selectedFont, setSelectedFont] = useState()
   const [selectedFontWeight, setSelectedFontWeight] = useState()
   const [selectedFontSize, setSelectedFontSize] = useState()
   const [selectedFontColor, setSelectedFontColor] = useState()
   const [globalFont, setGlobalFont] = useRecoilState(globalFontAtom)
+  const resetGlobalFont = useResetRecoilState(globalFontAtom)
 
   const [adsorptionPointMode, setAdsorptionPointMode] = useRecoilState(adsorptionPointModeState)
   const [adsorptionRange, setAdsorptionRange] = useRecoilState(adsorptionRangeState)
   const [planSizeSettingMode, setPlanSizeSettingMode] = useRecoilState(planSizeSettingState)
+  const resetPlanSizeSettingMode = useResetRecoilState(planSizeSettingState)
   const [dimensionLineSettings, setDimensionLineSettings] = useRecoilState(dimensionLineSettingsState)
+  const resetDimensionLineSettings = useResetRecoilState(dimensionLineSettingsState)
 
   const setSettingModalGridOptions = useSetRecoilState(settingModalGridOptionsState)
   const [dotLineGridSetting, setDotLineGridSettingState] = useRecoilState(dotLineGridSettingState)
@@ -538,23 +543,27 @@ export function useCanvasSetting() {
         //그리드 색 설정
         setGridColor(res.gridColor)
       } else {
-        //조회된 글꼴 데이터가 없는 경우
+        //조회된 글꼴 데이터가 없는 경우 (데이터 초기화)
 
         //흡착점 ON/OFF
         setAdsorptionPointMode({ ...adsorptionPointMode, adsorptionPoint: false })
 
         //치수선 설정
-        setDimensionLineSettings({ ...dimensionLineSettings, ...dimensionLineSettingsState.default })
+        // setDimensionLineSettings({ ...dimensionLineSettings, ...dimensionLineSettingsState.default })
+        resetDimensionLineSettings()
 
         //도면크기 설정
-        setPlanSizeSettingMode({ ...planSizeSettingMode, ...planSizeSettingModeState.default })
+        // setPlanSizeSettingMode({ ...planSizeSettingMode, ...planSizeSettingState.default })
+        resetPlanSizeSettingMode()
 
         // 데이터 설정
-        setSettingModalFirstOptions(...settingModalFirstOptions, ...settingModalFirstOptionsState.default)
+        // setSettingModalFirstOptions({ ...settingModalFirstOptions, ...settingModalFirstOptionsState.default })
+        resetSettingModalFirstOptions()
+        //setSettingModalSecondOptions({ ...settingModalSecondOptions, ...settingModalSecondOptionsState.default })
+        resetSettingModalSecondOptions()
 
-        setSettingModalSecondOptions(...settingModalSecondOptions, ...settingModalSecondOptionsState.default)
-
-        setGlobalFont({ ...globalFont, ...globalFontState.default })
+        // setGlobalFont({ ...globalFont, ...globalFontAtom.default })
+        resetGlobalFont()
 
         //점/선 그리드
         setDotLineGridSettingState({ ...defaultDotLineGridSetting })