[as] feat: 보완 요청 사항 반영 (20260928_1521)

apps/as/src/widgets/pbadms-sprt/ui/attachments-form-section.tsx

@@ -15,7 +15,11 @@ import {
   SectionCollapsible,
   UploadedFileChip,
 } from "@/shared/ui";
-import { attachService, useDownloadAttachmentByAtflCd, useDownloadAttachmentByAtflId } from "@/entities/attach";
+import {
+  attachService,
+  useDownloadAttachmentByAtflCd,
+  useDownloadAttachmentByAtflId,
+} from "@/entities/attach";
 import { useEsntlAtchFileMngTree } from "@/entities/esntl";
 import {
   Button,
@@ -373,32 +377,26 @@ function AttachmentsFormSection({
   return (
     <SectionCollapsible title="첨부파일">
       <div className="space-y-6">
-        <div className="px-2">
-          <h3 className="mb-4 text-xl font-semibold">필수 첨부파일</h3>
-          <Table variant="secondary" className="table-fixed">
-            <colgroup>
-              <col width="44%" />
-              <col width="12%" />
-              <col width="44%" />
-            </colgroup>
-            <TableHeader>
-              <TableRow>
-                <TableHead className="w-[30rem]" align="left">
-                  파일명
-                </TableHead>
-                <TableHead>파일 확장자</TableHead>
-                <TableHead>파일첨부</TableHead>
-              </TableRow>
-            </TableHeader>
-            <TableBody>
-              {essentialFiles.length === 0 ? (
+        {essentialFiles.length === 0 && (
+          <div className="px-2">
+            <h3 className="mb-4 text-xl font-semibold">필수 첨부파일</h3>
+            <Table variant="secondary" className="table-fixed">
+              <colgroup>
+                <col width="44%" />
+                <col width="12%" />
+                <col width="44%" />
+              </colgroup>
+              <TableHeader>
                 <TableRow>
-                  <TableCell colSpan={4} className="py-12 text-center text-muted-foreground">
-                    조회된 필수 첨부파일 항목이 없습니다.
-                  </TableCell>
+                  <TableHead className="w-[30rem]" align="left">
+                    파일명
+                  </TableHead>
+                  <TableHead>파일 확장자</TableHead>
+                  <TableHead>파일첨부</TableHead>
                 </TableRow>
-              ) : (
-                essentialFiles.map((file) => {
+              </TableHeader>
+              <TableBody>
+                {essentialFiles.map((file) => {
                   const atflCd = file.atchFileGroupId ?? "";
 
                   return (
@@ -445,11 +443,11 @@ function AttachmentsFormSection({
                       </TableCell>
                     </TableRow>
                   );
-                })
-              )}
-            </TableBody>
-          </Table>
-        </div>
+                })}
+              </TableBody>
+            </Table>
+          </div>
+        )}
 
         <div className="px-2">
           <div className="mb-4 flex items-center justify-between">
@@ -468,9 +466,7 @@ function AttachmentsFormSection({
                     fileName={item.file?.name ?? item.fileName}
                     isUploading={isUploading[item.fileKey] ?? false}
                     onRemove={() => void removeEtcFile(idx)}
-                    onDownload={
-                      item.atflId ? () => downloadByAtflId(item.atflId!) : undefined
-                    }
+                    onDownload={item.atflId ? () => downloadByAtflId(item.atflId!) : undefined}
                   />
                 ))}
               </div>