From c7de33b8b9021a794c1d7129e2931d7c76dc72cc Mon Sep 17 00:00:00 2001
From: yoosangwook <swyoo@interplug.co.kr>
Date: Tue, 25 Mar 2025 14:20:28 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20popup=20spinner=20=EB=8F=99=EC=9E=91=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 qcast3.database.sqlite          | Bin 16384 -> 16384 bytes
 src/hooks/common/useRefFiles.js |   8 +++++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/qcast3.database.sqlite b/qcast3.database.sqlite
index e6022fd79a14effb51bb9a253191dd42b5f6ec9e..166f2da26bfaf6d977a400c5ef8dd5a21ef49896 100644
GIT binary patch
delta 82
zcmZo@U~Fh$oFL7pHBrWyQEOwue0^R~UIqpRM*bZP{5$wlHuD%n@bd(TvN4EqHp-fq
mm|0FfYHuV~T9A{Un4+IsSzMT-o0FfOua{Mjnm&1ly$1kpWEZml

delta 102
zcmZo@U~Fh$oFL7pHc`fzQEg+we0^SFUIqpRM*bZP{5yC(HuD%n@K27nlQmB^w=_vL
zH8IjnPDx79HAyoz)lEt>veZpUGdD6yGBZd_O197|$O{YQ4d!EG5M^wXH8C_d;F`R{
G-U9$hz8XaU

diff --git a/src/hooks/common/useRefFiles.js b/src/hooks/common/useRefFiles.js
index 097d42ae..3be7fff2 100644
--- a/src/hooks/common/useRefFiles.js
+++ b/src/hooks/common/useRefFiles.js
@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from 'react'
-import { useRecoilState } from 'recoil'
+import { useRecoilState, useSetRecoilState } from 'recoil'
 
 import { useSwal } from '@/hooks/useSwal'
 import { useAxios } from '../useAxios'
@@ -7,6 +7,7 @@ import { currentCanvasPlanState } from '@/store/canvasAtom'
 import { useCanvas } from '@/hooks/useCanvas'
 import { deleteBackGroundImage, setBackGroundImage } from '@/lib/imageActions'
 import { settingModalFirstOptionsState } from '@/store/settingAtom'
+import { popSpinnerState } from '@/store/popupAtom'
 
 /**
  * 배경 이미지 관리
@@ -29,6 +30,7 @@ export function useRefFiles() {
   const { handleBackImageLoadToCanvas } = useCanvas()
   const { swalFire } = useSwal()
   const { get, post, del } = useAxios()
+  const setPopSpinnerStore = useSetRecoilState(popSpinnerState)
 
   useEffect(() => {
     if (refFileMethod === '1') {
@@ -84,6 +86,7 @@ export function useRefFiles() {
       text: '삭제하시겠습니까?',
       type: 'confirm',
       confirmFn: async () => {
+        setPopSpinnerStore(true)
         console.log('🚀 ~ handleFileDelete ~ handleFileDelete:', refImage)
         console.log('🚀 ~ handleFileDelete ~ currentCanvasPlan.bgImageName:', currentCanvasPlan.bgImageName)
         await del({ url: `http://localhost:3000/api/image/upload?fileName=${currentCanvasPlan.bgImageName}` })
@@ -94,6 +97,7 @@ export function useRefFiles() {
           objectId: currentCanvasPlan.id,
           planNo: currentCanvasPlan.planNo,
         })
+        setPopSpinnerStore(false)
       },
     })
   }
@@ -188,6 +192,7 @@ export function useRefFiles() {
    * @param {*} file
    */
   const handleUploadImageRefFile = async (file) => {
+    setPopSpinnerStore(true)
     const newOption1 = settingModalFirstOptions.option1.map((option) => ({
       ...option,
       selected: option.column === 'imageDisplay' ? true : option.selected,
@@ -222,6 +227,7 @@ export function useRefFiles() {
     }
     console.log('🚀 ~ handleUploadImageRefFile ~ params:', params)
     await setBackGroundImage(params)
+    setPopSpinnerStore(false)
   }
 
   /**