From 6eac492726147a2527027c92ef4fd7b8fc03aa9b Mon Sep 17 00:00:00 2001
From: manNomi <hanmw110@naver.com>
Date: Thu, 21 May 2026 16:25:27 +0900
Subject: [PATCH] fix(web): remove global query loading spinner

---
 apps/web/src/apis/chat/getChatMessages.ts        |  3 ---
 apps/web/src/apis/community/getPostDetail.ts     |  1 -
 .../layout/GlobalLayout/ui/ClientModal/index.tsx | 16 ----------------
 3 files changed, 20 deletions(-)

diff --git a/apps/web/src/apis/chat/getChatMessages.ts b/apps/web/src/apis/chat/getChatMessages.ts
index 1b01ab23..668d5404 100644
--- a/apps/web/src/apis/chat/getChatMessages.ts
+++ b/apps/web/src/apis/chat/getChatMessages.ts
@@ -26,9 +26,6 @@ const useGetChatHistories = (roomId: number, size: number = 20) => {
     },
     staleTime: 1000 * 60 * 5, // 5분간 캐시
     enabled: !!roomId, // roomId가 있을 때만 쿼리 실행
-    meta: {
-      disableGlobalLoading: true, // 전역 로딩 비활성화
-    },
     select: (data) => ({
       pages: data.pages,
       pageParams: data.pageParams,
diff --git a/apps/web/src/apis/community/getPostDetail.ts b/apps/web/src/apis/community/getPostDetail.ts
index fcc71ef7..8323dad7 100644
--- a/apps/web/src/apis/community/getPostDetail.ts
+++ b/apps/web/src/apis/community/getPostDetail.ts
@@ -10,7 +10,6 @@ const useGetPostDetail = (postId: number) => {
     queryKey: [CommunityQueryKeys.posts, postId],
     queryFn: () => communityApi.getPostDetail(postId),
     enabled: !!postId,
-    meta: { showGlobalSpinner: false },
   });
 };
 
diff --git a/apps/web/src/components/layout/GlobalLayout/ui/ClientModal/index.tsx b/apps/web/src/components/layout/GlobalLayout/ui/ClientModal/index.tsx
index 8aba51ef..68b1f38d 100644
--- a/apps/web/src/components/layout/GlobalLayout/ui/ClientModal/index.tsx
+++ b/apps/web/src/components/layout/GlobalLayout/ui/ClientModal/index.tsx
@@ -1,12 +1,10 @@
 "use client";
 
-import { useIsFetching } from "@tanstack/react-query";
 import { useEffect } from "react";
 import MentorApplyCountContent from "@/components/mentor/MentorApplyCountContent";
 import IconAlertModal from "@/components/modal/IconAlertModal";
 import IconConfirmModal from "@/components/modal/IconConfirmModal";
 import SurveyModal from "@/components/modal/SurveyModal";
-import CloudSpinner from "@/components/ui/CloudSpinner";
 import QueryProvider from "@/lib/react-query/QueryProvider";
 import { useAlertModalStore } from "@/lib/zustand/useAlertModalStore";
 import { useConfirmModalStore } from "@/lib/zustand/useConfirmModalStore";
@@ -22,10 +20,6 @@ const ClientModal = () => {
     checkAndOpen,
   } = useSurveyModalStore();
 
-  const isFetching = useIsFetching({
-    predicate: (query) => query.meta?.showGlobalSpinner !== false,
-  });
-
   // 페이지 로드 시 만족도 조사 모달 표시 여부 확인
   useEffect(() => {
     checkAndOpen();
@@ -33,16 +27,6 @@ const ClientModal = () => {
 
   return (
     <QueryProvider>
-      {isFetching ? (
-        <div
-          aria-live="polite"
-          aria-busy="true"
-          className="fixed inset-0 z-50 flex cursor-wait items-center justify-center bg-black/30"
-        >
-          <CloudSpinner />
-        </div>
-      ) : null}
-
       <MentorApplyCountContent />
 
       <SurveyModal isOpen={surveyOpen} onClose={closeSurvey} onCloseForWeek={closeSurveyForWeek} />