diff --git a/apps/cs/src/pages/banner/ui/banner-page.tsx b/apps/cs/src/pages/banner/ui/banner-page.tsx index bb2517be0..db5a5cc15 100644 --- a/apps/cs/src/pages/banner/ui/banner-page.tsx +++ b/apps/cs/src/pages/banner/ui/banner-page.tsx @@ -35,14 +35,13 @@ function BannerPage() { }); const query = useQuery({ - queryKey: [ENDPOINT.CMS_SERVICE.BANNERS], + queryKey: [ENDPOINT.CMS_SERVICE.BANNERS, pagination], queryFn: () => BannerApi.getBannerList({ ...bannerQuery, page: pagination.pageIndex, size: pagination.pageSize, }), - enabled: false, }); const handleSubmit = (e: React.FormEvent) => { @@ -99,10 +98,6 @@ function BannerPage() { setPostingTargets(postingTargets); }, [rowSelection]); - useEffect(() => { - query.refetch(); - }, [pagination]); - return (
diff --git a/apps/cs/src/pages/bbs/ui/bbs-page.tsx b/apps/cs/src/pages/bbs/ui/bbs-page.tsx index 1b6a3b553..482966fc5 100644 --- a/apps/cs/src/pages/bbs/ui/bbs-page.tsx +++ b/apps/cs/src/pages/bbs/ui/bbs-page.tsx @@ -1,6 +1,6 @@ "use client"; -import { useEffect, useState } from "react"; +import { useState } from "react"; import { useRouter } from "next/navigation"; import { useQuery } from "@tanstack/react-query"; import { @@ -39,14 +39,13 @@ function BbsPage() { }); const query = useQuery({ - queryKey: [ENDPOINT.BOARD_SERVICE.BBS], + queryKey: [ENDPOINT.BOARD_SERVICE.BBS, pagination], queryFn: () => BoardApi.getBoardList({ ...boardParams, page: pagination.pageIndex, size: pagination.pageSize, }), - enabled: false, }); const handleSubmit = (e: React.FormEvent) => { @@ -78,10 +77,6 @@ function BbsPage() { }, }); - useEffect(() => { - query.refetch(); - }, [pagination]); - return (
diff --git a/apps/cs/src/pages/contents/ui/contents-page.tsx b/apps/cs/src/pages/contents/ui/contents-page.tsx index abbf31b7f..45d9f100e 100644 --- a/apps/cs/src/pages/contents/ui/contents-page.tsx +++ b/apps/cs/src/pages/contents/ui/contents-page.tsx @@ -1,7 +1,7 @@ "use client"; +import { useState } from "react"; import { useRouter } from "next/navigation"; -import { useEffect, useState } from "react"; import { keepPreviousData, useQuery } from "@tanstack/react-query"; import { getCoreRowModel, type PaginationState } from "@tanstack/react-table"; import { Button, Input, Label } from "@common/components"; @@ -26,7 +26,7 @@ function ContentsPage() { }); const query = useQuery({ - queryKey: [ENDPOINT.CMS_SERVICE.CONTENTS], + queryKey: [ENDPOINT.CMS_SERVICE.CONTENTS, pagination], queryFn: () => ContentsApi.getContentsList({ ...contentsQuery, @@ -34,7 +34,6 @@ function ContentsPage() { size: pagination.pageSize, }), placeholderData: keepPreviousData, - enabled: false, }); const handleSubmit = (e: React.FormEvent) => { @@ -64,10 +63,6 @@ function ContentsPage() { }, }); - useEffect(() => { - query.refetch(); - }, [pagination]); - return (
diff --git a/apps/cs/src/pages/file/ui/file-page.tsx b/apps/cs/src/pages/file/ui/file-page.tsx index f4190a222..67a313423 100644 --- a/apps/cs/src/pages/file/ui/file-page.tsx +++ b/apps/cs/src/pages/file/ui/file-page.tsx @@ -1,6 +1,6 @@ "use client"; -import { useEffect, useState } from "react"; +import { useState } from "react"; import { keepPreviousData, useQuery } from "@tanstack/react-query"; import { getCoreRowModel, type PaginationState } from "@tanstack/react-table"; import { useConfirm } from "@frontend-opensource/use-react-hooks"; @@ -15,7 +15,7 @@ function FilePage() { const alert = useAlertStore((state) => state.setMessage); const [attachmentQuery, setAttachmentQuery] = useState({ - keyword: "", + orgnlFileNm: "", }); const [pagination, setPagination] = useState({ pageIndex: 0, @@ -23,7 +23,7 @@ function FilePage() { }); const query = useQuery({ - queryKey: [ENDPOINT.ATTACH_SERVICE.ATTACHMENTS], + queryKey: [ENDPOINT.ATTACH_SERVICE.ATTACHMENTS, pagination], queryFn: () => AttachmentApi.getAttachmentsList({ ...attachmentQuery, @@ -31,7 +31,6 @@ function FilePage() { size: pagination.pageSize, }), placeholderData: keepPreviousData, - enabled: false, }); const { mutate: deleteAttachment } = useMutationWrapper({ @@ -75,10 +74,6 @@ function FilePage() { query.refetch(); }; - useEffect(() => { - query.refetch(); - }, [pagination]); - return (
@@ -91,9 +86,9 @@ function FilePage() { - handleAttachmentQueryChange("keyword")(e.target.value) + handleAttachmentQueryChange("orgnlFileNm")(e.target.value) } placeholder="파일명을 입력하세요" /> diff --git a/apps/cs/src/pages/image/ui/image-page.tsx b/apps/cs/src/pages/image/ui/image-page.tsx index e7b9074b8..0128c0462 100644 --- a/apps/cs/src/pages/image/ui/image-page.tsx +++ b/apps/cs/src/pages/image/ui/image-page.tsx @@ -33,14 +33,13 @@ function ImagePage() { }); const query = useQuery({ - queryKey: [ENDPOINT.CMS_SERVICE.IMAGES], + queryKey: [ENDPOINT.CMS_SERVICE.IMAGES, pagination], queryFn: () => ImageApi.getImageList({ ...imageQuery, page: pagination.pageIndex, size: pagination.pageSize, }), - enabled: false, }); const handleSubmit = (e: React.FormEvent) => { @@ -88,10 +87,6 @@ function ImagePage() { setPostingTargets(postingTargets); }, [rowSelection]); - useEffect(() => { - query.refetch(); - }, [pagination]); - return (
diff --git a/apps/cs/src/pages/module/ui/module-page.tsx b/apps/cs/src/pages/module/ui/module-page.tsx index 5d79b74f0..45524eba5 100644 --- a/apps/cs/src/pages/module/ui/module-page.tsx +++ b/apps/cs/src/pages/module/ui/module-page.tsx @@ -1,7 +1,7 @@ "use client"; +import { useState } from "react"; import { useRouter } from "next/navigation"; -import { useEffect, useState } from "react"; import { keepPreviousData, useQuery } from "@tanstack/react-query"; import { getCoreRowModel, type PaginationState } from "@tanstack/react-table"; import { Button, Input, Label } from "@common/components"; @@ -29,7 +29,7 @@ function ModulePage() { }); const query = useQuery({ - queryKey: [ENDPOINT.USER_SERVICE.AUTHORIZATIONS], + queryKey: [ENDPOINT.USER_SERVICE.AUTHORIZATIONS, pagination], queryFn: () => AuthorizationsApi.getAuthorizationsList({ ...authorizationQuery, @@ -37,7 +37,6 @@ function ModulePage() { size: pagination.pageSize, }), placeholderData: keepPreviousData, - enabled: false, }); const handleRowClick = (row: Authorizations) => { @@ -71,10 +70,6 @@ function ModulePage() { query.refetch(); }; - useEffect(() => { - query.refetch(); - }, [pagination]); - return (
diff --git a/apps/cs/src/pages/popup/ui/popup-page.tsx b/apps/cs/src/pages/popup/ui/popup-page.tsx index c7b2585db..475fee821 100644 --- a/apps/cs/src/pages/popup/ui/popup-page.tsx +++ b/apps/cs/src/pages/popup/ui/popup-page.tsx @@ -36,7 +36,7 @@ function PopupPage() { const [postingTargets, setPostingTargets] = useState([]); const query = useQuery({ - queryKey: [ENDPOINT.CMS_SERVICE.POPUPS], + queryKey: [ENDPOINT.CMS_SERVICE.POPUPS, pagination], queryFn: () => PopupApi.getPopupList({ ...popupParams, diff --git a/apps/cs/src/pages/site/ui/modify-page.tsx b/apps/cs/src/pages/site/ui/modify-page.tsx index 20bb0ddbc..0f36bc58d 100644 --- a/apps/cs/src/pages/site/ui/modify-page.tsx +++ b/apps/cs/src/pages/site/ui/modify-page.tsx @@ -3,7 +3,7 @@ import { useRouter } from "next/navigation"; import { useForm } from "react-hook-form"; import { zodResolver } from "@hookform/resolvers/zod"; -import { useQuery } from "@tanstack/react-query"; +import { useQuery, useQueryClient } from "@tanstack/react-query"; import { SiteApi, siteFormSchema, type SiteFormData } from "@/entities/site"; import { useAlertStore, useMutationWrapper } from "@/shared/lib"; import { ENDPOINT } from "@/shared/config"; @@ -11,6 +11,7 @@ import { SiteForm } from "./site-form"; function ModifyPage({ siteId }: { siteId: string }) { const router = useRouter(); + const queryClient = useQueryClient(); const alert = useAlertStore((state) => state.setMessage); const { data: siteDetail } = useQuery({ @@ -33,6 +34,9 @@ function ModifyPage({ siteId }: { siteId: string }) { const { mutateAsync: updateSite } = useMutationWrapper({ mutationFn: (data: SiteFormData) => SiteApi.updateSite(siteId, data), onSuccess: () => { + queryClient.invalidateQueries({ + queryKey: [ENDPOINT.CMS_SERVICE.SITES], + }); alert("수정되었습니다.", router.back); }, }); diff --git a/apps/cs/src/pages/site/ui/site-page.tsx b/apps/cs/src/pages/site/ui/site-page.tsx index eb5a81143..5a35e80eb 100644 --- a/apps/cs/src/pages/site/ui/site-page.tsx +++ b/apps/cs/src/pages/site/ui/site-page.tsx @@ -2,8 +2,8 @@ import "@common/assets/styles/grid.css"; +import { useState } from "react"; import { useRouter } from "next/navigation"; -import { useEffect, useState } from "react"; import { keepPreviousData, useQuery } from "@tanstack/react-query"; import { getCoreRowModel, type PaginationState } from "@tanstack/react-table"; import { Button, Input, Label } from "@common/components"; @@ -24,7 +24,7 @@ function SitePage() { }); const query = useQuery({ - queryKey: [ENDPOINT.CMS_SERVICE.SITES], + queryKey: [ENDPOINT.CMS_SERVICE.SITES, pagination], queryFn: () => SiteApi.getSiteList({ ...siteQuery, @@ -61,10 +61,6 @@ function SitePage() { }, }); - useEffect(() => { - query.refetch(); - }, [pagination]); - return (
diff --git a/apps/cs/src/pages/template/ui/template-page.tsx b/apps/cs/src/pages/template/ui/template-page.tsx index 64921185d..dc90b69ff 100644 --- a/apps/cs/src/pages/template/ui/template-page.tsx +++ b/apps/cs/src/pages/template/ui/template-page.tsx @@ -1,7 +1,7 @@ "use client"; +import { useState } from "react"; import { useRouter } from "next/navigation"; -import { useEffect, useState } from "react"; import { keepPreviousData, useQuery } from "@tanstack/react-query"; import { getCoreRowModel, type PaginationState } from "@tanstack/react-table"; import { Button, Input, Label } from "@common/components"; @@ -25,7 +25,7 @@ function TemplatePage() { }); const query = useQuery({ - queryKey: [ENDPOINT.CMS_SERVICE.TEMPLATE], + queryKey: [ENDPOINT.CMS_SERVICE.TEMPLATE, pagination], queryFn: () => TemplateApi.getTemplateList({ ...templateQuery, @@ -33,7 +33,6 @@ function TemplatePage() { size: pagination.pageSize, }), placeholderData: keepPreviousData, - enabled: false, }); const handleSubmit = (e: React.FormEvent) => { @@ -62,10 +61,6 @@ function TemplatePage() { }, }); - useEffect(() => { - query.refetch(); - }, [pagination]); - return (
diff --git a/apps/cs/src/pages/terms/ui/terms-page.tsx b/apps/cs/src/pages/terms/ui/terms-page.tsx index 633c68d9e..8cb6a911e 100644 --- a/apps/cs/src/pages/terms/ui/terms-page.tsx +++ b/apps/cs/src/pages/terms/ui/terms-page.tsx @@ -1,7 +1,7 @@ "use client"; +import { useState } from "react"; import { useRouter } from "next/navigation"; -import { useEffect, useState } from "react"; import { keepPreviousData, useQuery } from "@tanstack/react-query"; import { getCoreRowModel, type PaginationState } from "@tanstack/react-table"; import { Button, Input, Label } from "@common/components"; @@ -25,7 +25,7 @@ function TermsPage() { }); const query = useQuery({ - queryKey: [ENDPOINT.CMS_SERVICE.TERMS], + queryKey: [ENDPOINT.CMS_SERVICE.TERMS, pagination], queryFn: () => TermsApi.getTermsList({ ...termsQuery, @@ -33,7 +33,6 @@ function TermsPage() { size: pagination.pageSize, }), placeholderData: keepPreviousData, - enabled: false, }); const handleSubmit = (e: React.FormEvent) => { @@ -62,10 +61,6 @@ function TermsPage() { }, }); - useEffect(() => { - query.refetch(); - }, [pagination]); - return (