summaryrefslogtreecommitdiff
path: root/lib/vendor-document-list/ship/enhanced-documents-table.tsx
diff options
context:
space:
mode:
authorjoonhoekim <26rote@gmail.com>2025-11-04 14:37:22 +0900
committerjoonhoekim <26rote@gmail.com>2025-11-04 14:37:22 +0900
commit7827446e923e725db30ce2e849f5698d6bcfdeea (patch)
tree62b15c0e52eb578a9a8a843c730b18bc35399c96 /lib/vendor-document-list/ship/enhanced-documents-table.tsx
parent02ee1692db190101956a0957504d7dd13c053cce (diff)
(김준회) bulk b4 upload 프로젝트 목록 문제(페이지네이션 내부 데이터로 한정되는 문제) 및 이모지 제거, change_logs 미반영 오류 처리
Diffstat (limited to 'lib/vendor-document-list/ship/enhanced-documents-table.tsx')
-rw-r--r--lib/vendor-document-list/ship/enhanced-documents-table.tsx35
1 files changed, 18 insertions, 17 deletions
diff --git a/lib/vendor-document-list/ship/enhanced-documents-table.tsx b/lib/vendor-document-list/ship/enhanced-documents-table.tsx
index d92f16dd..3eda0ffb 100644
--- a/lib/vendor-document-list/ship/enhanced-documents-table.tsx
+++ b/lib/vendor-document-list/ship/enhanced-documents-table.tsx
@@ -20,7 +20,7 @@ import { getSimplifiedDocumentColumns } from "./enhanced-doc-table-columns"
import { EnhancedDocTableToolbarActions } from "./enhanced-doc-table-toolbar-actions"
import { useQueryStates, parseAsString, parseAsStringEnum, parseAsInteger } from "nuqs"
-// 🔥 Project Code 필터를 위한 Select 컴포넌트 import 추가
+// Project Code 필터를 위한 Select 컴포넌트 import 추가
import {
Select,
SelectContent,
@@ -60,18 +60,18 @@ export function SimplifiedDocumentsTable({
allPromises,
onDataLoaded,
}: SimplifiedDocumentsTableProps) {
- // 🔥 React.use() 결과를 안전하게 처리
+ // React.use() 결과를 안전하게 처리
const promiseResults = React.use(allPromises)
const [documentResult, statsResult] = promiseResults
- // 🔥 데이터 구조분해를 메모이제이션
+ // 데이터 구조분해를 메모이제이션
const documentData = React.useMemo(() => documentResult as Awaited<ReturnType<typeof getUserVendorDocuments>>, [documentResult])
const statsData = React.useMemo(() => statsResult as Awaited<ReturnType<typeof getUserVendorDocumentStats>>, [statsResult])
const { data, pageCount, drawingKind } = documentData
const { primaryDrawingKind, projectCodeStats: serverProjectCodeStats, projectB4Stats: serverProjectB4Stats } = statsData
- // 🔥 URL searchParams를 통한 필터 상태 관리
+ // URL searchParams를 통한 필터 상태 관리
const [{ b4FilterType, projectCode, page }, setQueryStates] = useQueryStates(
{
b4FilterType: parseAsStringEnum<'all' | 'gtt_deliverable' | 'shi_input'>(['all', 'gtt_deliverable', 'shi_input']).withDefault('all'),
@@ -88,25 +88,25 @@ export function SimplifiedDocumentsTable({
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const _ensurePageIsInState = page
- // 🔥 서버에서 받아온 프로젝트 코드 통계 사용 (필터링과 무관한 전체 통계)
+ // 서버에서 받아온 프로젝트 코드 통계 사용 (필터링과 무관한 전체 통계)
const projectCodeStats = React.useMemo(() => {
return serverProjectCodeStats || []
}, [serverProjectCodeStats])
- // 🔥 데이터 로드 콜백 (서버에서 이미 필터링되어 옴)
+ // 데이터 로드 콜백 (서버에서 이미 필터링되어 옴)
React.useEffect(() => {
if (data && onDataLoaded) {
onDataLoaded(data)
}
}, [data, onDataLoaded])
- // 🔥 컬럼 메모이제이션 최적화 (b4FilterType에 따라 동적 변경)
+ // 컬럼 메모이제이션 최적화 (b4FilterType에 따라 동적 변경)
const columns = React.useMemo(
() => getSimplifiedDocumentColumns({ b4FilterType }),
[b4FilterType]
)
- // 🔥 필터 필드들을 메모이제이션
+ // 필터 필드들을 메모이제이션
const advancedFilterFields: DataTableAdvancedFilterField<SimplifiedDocumentsView>[] = React.useMemo(() => [
{
id: "docNumber",
@@ -206,7 +206,7 @@ export function SimplifiedDocumentsTable({
},
], [])
- // 🔥 B4 전용 필드들 메모이제이션
+ // B4 전용 필드들 메모이제이션
const b4FilterFields: DataTableAdvancedFilterField<SimplifiedDocumentsView>[] = React.useMemo(() => [
{
id: "cGbn",
@@ -240,23 +240,23 @@ export function SimplifiedDocumentsTable({
},
], [])
- // 🔥 B4 문서 존재 여부 체크 메모이제이션
+ // B4 문서 존재 여부 체크 메모이제이션
const hasB4Documents = React.useMemo(() => {
return data.some((doc: SimplifiedDocumentsView) => doc.drawingKind === 'B4')
}, [data])
- // 🔥 최종 필터 필드 메모이제이션
+ // 최종 필터 필드 메모이제이션
const finalFilterFields = React.useMemo(() => {
return hasB4Documents ? [...advancedFilterFields, ...b4FilterFields] : advancedFilterFields
}, [hasB4Documents, advancedFilterFields, b4FilterFields])
- // 🔥 테이블 초기 상태 메모이제이션
+ // 테이블 초기 상태 메모이제이션
const tableInitialState = React.useMemo(() => ({
sorting: [{ id: "createdAt" as const, desc: true }],
columnPinning: { right: ["actions"] },
}), [])
- // 🔥 getRowId 함수 메모이제이션
+ // getRowId 함수 메모이제이션
const getRowId = React.useCallback((originalRow: SimplifiedDocumentsView) => String(originalRow.documentId), [])
const { table } = useDataTable({
@@ -272,17 +272,17 @@ export function SimplifiedDocumentsTable({
columnResizeMode: "onEnd",
})
- // 🔥 활성 drawingKind 메모이제이션
+ // 활성 drawingKind 메모이제이션
const activeDrawingKind = React.useMemo(() => {
return drawingKind || primaryDrawingKind
}, [drawingKind, primaryDrawingKind])
- // 🔥 kindInfo 메모이제이션
+ // kindInfo 메모이제이션
const kindInfo = React.useMemo(() => {
return activeDrawingKind ? DRAWING_KIND_INFO[activeDrawingKind] : null
}, [activeDrawingKind])
- // 🔥 B4 문서 통계 - 프로젝트 필터링에 따라 동적으로 계산 (서버에서 받아온 전체 통계 기반)
+ // B4 문서 통계 - 프로젝트 필터링에 따라 동적으로 계산 (서버에서 받아온 전체 통계 기반)
const b4Stats = React.useMemo(() => {
if (!hasB4Documents || !serverProjectB4Stats) return null
@@ -324,7 +324,7 @@ export function SimplifiedDocumentsTable({
</div>
)}
- {/* 🔥 필터 섹션 - Project Code 필터와 B4 필터를 함께 배치 */}
+ {/* 필터 섹션 - Project Code 필터와 B4 필터를 함께 배치 */}
<div className="space-y-3">
{/* Project Code 필터 드롭다운 */}
<div className="flex items-center gap-3 p-4 bg-muted/30 rounded-lg">
@@ -425,6 +425,7 @@ export function SimplifiedDocumentsTable({
table={table}
projectType="ship"
b4={hasB4Documents && b4FilterType === 'gtt_deliverable'}
+ projectCodeStats={projectCodeStats}
/>
</DataTableAdvancedToolbar>
</DataTable>