feat: implement inquriy file upload

.env.development

@@ -8,7 +8,8 @@ NEXT_PUBLIC_QSP_API_URL=http://1.248.227.176:8120
 
 #1:1문의 api
 # NEXT_PUBLIC_INQUIRY_API_URL=http://1.248.227.176:38080
-NEXT_PUBLIC_INQUIRY_API_URL=http://172.23.4.129:8110
+# NEXT_PUBLIC_INQUIRY_API_URL=http://172.23.4.129:8110
+NEXT_PUBLIC_INQUIRY_API_URL=http://172.30.1.93:8120
 
 
 #QPARTNER 로그인 api

src/app/api/qna/detail/route.ts

@@ -6,7 +6,7 @@ export async function GET(request: Request) {
   const { searchParams } = new URL(request.url)
   const params = {
     compCd: searchParams.get('compCd'),
-    qnoNo: searchParams.get('qnoNo'),
+    qnaNo: searchParams.get('qnoNo'),
     langCd: searchParams.get('langCd'),
     loginId: searchParams.get('loginId'),
   }

src/components/inquiry/Detail.tsx

@@ -63,7 +63,7 @@ export default function Detail() {
             <div className="file-list-tit">ファイル添付</div>
             <ul className="file-list">
               {inquiryDetail?.listFile?.map((file) => (
-                <li className="file-item">
+                <li className="file-item" key={file.fileNo}>
                   <button className="file-item-bx" onClick={() => downloadFile(Number(file.encodeFileNo))}>
                     <div className="file-item-name">{file.srcFileNm} </div>
                   </button>

src/components/inquiry/list/ListTable.tsx

@@ -23,7 +23,7 @@ const badgeStyle = [
 ]
 export default function ListTable() {
   const [offset, setOffset] = useState(0)
-  const [hasMore, setHasMore] = useState(true)
+  const [hasMore, setHasMore] = useState(false)
 
   const router = useRouter()
 
@@ -35,20 +35,13 @@ export default function ListTable() {
   const { session } = useSessionStore()
 
   useEffect(() => {
-    if (inquiryList.length > 0) {
-      if (offset === 0) {
-        setHeldInquiryList(inquiryList)
-      } else {
-        const remainingList = heldInquiryList.slice(offset, offset + 10)
-        if (JSON.stringify(remainingList) !== JSON.stringify(inquiryList)) {
-          setHeldInquiryList((prev) => [...prev, ...inquiryList])
-        }
-      }
-      setHasMore(inquiryList.length > offset + 10)
-    } else {
-      setHeldInquiryList([])
-    }
-  }, [inquiryList, offset, setHeldInquiryList])
+    if (!inquiryList) return
+    setHeldInquiryList(inquiryList)
+    setHasMore(inquiryList.length > offset + 10)
+  }, [inquiryList, offset])
+
+  console.log('heldInquiryList:: ', heldInquiryList)
+  console.log('inquiryList:: ', inquiryList)
 
   const handleMyInquiry = () => {
     setInquiryListRequest({ ...inquiryListRequest, schRegId: inquiryListRequest.schRegId ? null : session.userId })
@@ -57,6 +50,8 @@ export default function ListTable() {
   const handleLoadMore = () => {
     setOffset(offset + 10)
     setInquiryListRequest({ ...inquiryListRequest, startRow: offset, endRow: offset + 10 })
+    
+    setHeldInquiryList((prev) => [...prev, ...inquiryList])
   }
 
   const handleFilter = (e: React.ChangeEvent<HTMLSelectElement>) => {

src/hooks/useInquiry.ts

@@ -1,8 +1,8 @@
-import { InquiryList, Inquiry, InquiryRequest, InquirySaveResponse } from '@/types/Inquiry'
+import { InquiryList, Inquiry, InquirySaveResponse } from '@/types/Inquiry'
 import { axiosInstance } from '@/libs/axios'
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
+import { useInfiniteQuery, useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import { useInquiryFilterStore } from '@/store/inquiryFilterStore'
-import { useSessionStore } from '@/store/session'
+
 export function useInquiry(
   qnoNo?: number,
   compCd?: string,
@@ -15,7 +15,6 @@ export function useInquiry(
   saveInquiry: (formData: FormData) => Promise<InquirySaveResponse>
   downloadFile: (encodeFileNo: number) => Promise<File>
 } {
-  // const { session } = useSessionStore()
   const queryClient = useQueryClient()
   const { inquiryListRequest } = useInquiryFilterStore()