ONAANDALL/frontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: useQuery에 pagination 의존성 추가

Browse Source
This commit is contained in:
chanii8
2025-06-23 15:34:47 +09:00
parent e5e9ce7f34
commit 4ec76f9fda
11 changed files with 25 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/cs/src/pages/banner/ui/banner-page.tsx
+1 -6
View File
@@ -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<HTMLFormElement>) => {
@@ -99,10 +98,6 @@ function BannerPage() {
setPostingTargets(postingTargets);
}, [rowSelection]);
useEffect(() => {
query.refetch();
}, [pagination]);
return (
<div className="card card-border !mt-6">
<div className="card card-border">
apps/cs/src/pages/bbs/ui/bbs-page.tsx
+2 -7
View File
@@ -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<HTMLFormElement>) => {
@@ -78,10 +77,6 @@ function BbsPage() {
},
});
useEffect(() => {
query.refetch();
}, [pagination]);
return (
<div className="card card-border !mt-6">
<div className="card card-border">
apps/cs/src/pages/contents/ui/contents-page.tsx
+2 -7
View File
@@ -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<HTMLFormElement>) => {
@@ -64,10 +63,6 @@ function ContentsPage() {
},
});
useEffect(() => {
query.refetch();
}, [pagination]);
return (
<div className="card card-border !mt-6">
<div className="card card-border">
apps/cs/src/pages/file/ui/file-page.tsx
+5 -10
View File
@@ -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<AttachmentParams>({
keyword: "",
orgnlFileNm: "",
});
const [pagination, setPagination] = useState<PaginationState>({
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 (
<div className="card card-border !mt-6">
<div className="card card-border">
@@ -91,9 +86,9 @@ function FilePage() {
<Input
id="keyword"
className="h-[3.2rem] w-[24rem] rounded-sm !text-[1.3rem]"
value={attachmentQuery.keyword || ""}
value={attachmentQuery.orgnlFileNm || ""}
onChange={(e) =>
handleAttachmentQueryChange("keyword")(e.target.value)
handleAttachmentQueryChange("orgnlFileNm")(e.target.value)
}
placeholder="파일명을 입력하세요"
/>
apps/cs/src/pages/image/ui/image-page.tsx
+1 -6
View File
@@ -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<HTMLFormElement>) => {
@@ -88,10 +87,6 @@ function ImagePage() {
setPostingTargets(postingTargets);
}, [rowSelection]);
useEffect(() => {
query.refetch();
}, [pagination]);
return (
<div className="card card-border !mt-6">
<div className="card card-border">
apps/cs/src/pages/module/ui/module-page.tsx
+2 -7
View File
@@ -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 (
<div className="card card-border !mt-6">
<div className="card card-border">
apps/cs/src/pages/popup/ui/popup-page.tsx
+1 -1
View File
@@ -36,7 +36,7 @@ function PopupPage() {
const [postingTargets, setPostingTargets] = useState<PostingTarget[]>([]);
const query = useQuery({
queryKey: [ENDPOINT.CMS_SERVICE.POPUPS],
queryKey: [ENDPOINT.CMS_SERVICE.POPUPS, pagination],
queryFn: () =>
PopupApi.getPopupList({
...popupParams,
apps/cs/src/pages/site/ui/modify-page.tsx
+5 -1
View File
@@ -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);
},
});
apps/cs/src/pages/site/ui/site-page.tsx
+2 -6
View File
@@ -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 (
<div className="card card-border !mt-6">
<div className="card card-border">
apps/cs/src/pages/template/ui/template-page.tsx
+2 -7
View File
@@ -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<HTMLFormElement>) => {
@@ -62,10 +61,6 @@ function TemplatePage() {
},
});
useEffect(() => {
query.refetch();
}, [pagination]);
return (
<div className="card card-border !mt-6">
<div className="card card-border">
apps/cs/src/pages/terms/ui/terms-page.tsx
+2 -7
View File
@@ -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<HTMLFormElement>) => {
@@ -62,10 +61,6 @@ function TermsPage() {
},
});
useEffect(() => {
query.refetch();
}, [pagination]);
return (
<div className="card card-border !mt-6">
<div className="card card-border">