거리 측정 수정

src/hooks/common/useCommonUtils.js

@@ -2,7 +2,7 @@ import { useEffect } from 'react'
 import { useRecoilValue } from 'recoil'
 import { wordDisplaySelector } from '@/store/settingAtom'
 import { useEvent } from '@/hooks/useEvent'
-import { checkLineOrientation, getDistance, setSurfaceShapePattern } from '@/util/canvas-util'
+import { checkLineOrientation, getDistance } from '@/util/canvas-util'
 import { dimensionLineSettingsState } from '@/store/commonUtilsAtom'
 import { fontSelector } from '@/store/fontAtom'
 import { canvasState } from '@/store/canvasAtom'
@@ -376,23 +376,23 @@ export function useCommonUtils({ commonFunctionState, setCommonFunctionState })
               ...textOptions,
             })
             canvas.add(distanceText)
+            const id = uuidv4()
+            addPopup(
+              id,
+              1,
+              <Distance
+                id={id}
+                distance={{
+                  horizon: distance3 * 10,
+                  vertical: distance2 * 10,
+                  diagonal: distance1 * 10,
+                }}
+              />,
+            )
           }
 
           // 거리 계산 후, 다음 측정을 위해 초기화
           points = []
-          const id = uuidv4()
-          addPopup(
-            id,
-            1,
-            <Distance
-              id={id}
-              distance={{
-                horizon: distance3 * 10,
-                vertical: distance2 * 10,
-                diagonal: distance1 * 10,
-              }}
-            />,
-          )
         }
 
         // 캔버스 다시 그리기