diff --git a/src/components/community/ArchiveTable.jsx b/src/components/community/ArchiveTable.jsx index 371ae454..51664c8a 100644 --- a/src/components/community/ArchiveTable.jsx +++ b/src/components/community/ArchiveTable.jsx @@ -1,6 +1,6 @@ 'use client' -import { useEffect, useState } from 'react' +import { useEffect, useState, useContext } from 'react' import { useRecoilState } from 'recoil' import { useAxios } from '@/hooks/useAxios' @@ -9,7 +9,12 @@ import { useMessage } from '@/hooks/useMessage' import { handleFileDown } from '@/util/board-utils' +import { QcastContext } from '@/app/QcastProvider' + export default function ArchiveTable({ clsCode }) { + // global 로딩바 + const { setIsGlobalLoading } = useContext(QcastContext) + const { getMessage } = useMessage() // api 조회 관련 @@ -20,6 +25,7 @@ export default function ArchiveTable({ clsCode }) { // 목록 조회 useEffect(() => { async function fetchData() { + setIsGlobalLoading(true) const url = `/api/board/list` const params = new URLSearchParams({ schNoticeTpCd: 'QC', @@ -42,6 +48,7 @@ export default function ArchiveTable({ clsCode }) { alert(resultData.result.message) } } + setIsGlobalLoading(false) } fetchData() diff --git a/src/components/community/Table.jsx b/src/components/community/Table.jsx index ffe68fa6..e7a06d53 100644 --- a/src/components/community/Table.jsx +++ b/src/components/community/Table.jsx @@ -1,6 +1,6 @@ 'use client' -import { useEffect, useState } from 'react' +import { useEffect, useState, useContext } from 'react' import { useRecoilState } from 'recoil' import { searchState } from '@/store/boardAtom' @@ -10,7 +10,12 @@ import { useMessage } from '@/hooks/useMessage' import BoardDetailModal from '../community/modal/BoardDetailModal' +import { QcastContext } from '@/app/QcastProvider' + export default function Table({ clsCode }) { + // global 로딩바 + const { setIsGlobalLoading } = useContext(QcastContext) + const { getMessage } = useMessage() // api 조회 관련 @@ -25,6 +30,7 @@ export default function Table({ clsCode }) { // 목록 조회 useEffect(() => { async function fetchData() { + setIsGlobalLoading(true) const startRow = (search.currentPage - 1) * search.pageBlock > 0 ? (search.currentPage - 1) * search.pageBlock + 1 : 1 const endRow = search.currentPage * search.pageBlock @@ -53,6 +59,7 @@ export default function Table({ clsCode }) { alert(resultData.result.message) } } + setIsGlobalLoading(false) } fetchData()