fo: 총 건수

apps/sn/app/(map-layout)/map/components/popupComponent/featureClickEventPopup.tsx

@@ -49,16 +49,16 @@ const linkedFacilityHighlightStyle = new Style({
       color: 'rgba(255, 235, 59, 0.35)',
     }),
     stroke: new Stroke({
-      color: 'rgba(255, 193, 7, 0.95)',
-      width: 4,
+      color: 'rgba(255, 193, 7, 0.45)',
+      width: 2,
     }),
   }),
   fill: new Fill({
     color: 'rgba(255, 235, 59, 0.2)',
   }),
   stroke: new Stroke({
-    color: 'rgba(255, 193, 7, 0.95)',
-    width: 5,
+    color: 'rgba(255, 193, 7, 0.35)',
+    width: 2.5,
   }),
   zIndex: 9999,
 });

apps/sn/app/(map-layout)/map/searchModal/reportTab.tsx

@@ -249,7 +249,7 @@ const ReportTab: React.FC<ReportTabProps> = ({ open, isSearch = true, ctpvNm, sg
           <LoadingOverlay isLoading={isLoading} />
           <UiTable
             headName={(() => {
-              return (<>조회 결과 ({tableCount.toLocaleString('ko-KR')})건</>);
+              return (<>조회 결과</>);
             })()
             }
             tableData={tableData}

apps/sn/app/(map-layout)/map/searchModal/searchModal.tsx

@@ -130,7 +130,7 @@ const SearchModal: React.FC = () => {
             <UiTable className='w-[120%]'
               headName={(() => {
                 const label = BASIC_TYPES.find((type) => type.val === basicType)?.text
-                return (<>{label} 조회 결과 ({tableCount.toLocaleString('ko-KR')})건</>);
+                return (<>{label} 조회 결과</>);
               })()
               }
               tableData={tableData}
@@ -161,7 +161,7 @@ const SearchModal: React.FC = () => {
               headName={
                 (() => {
                   const label = WORK_TYPES.find((type) => type.val === workType)?.text
-                  return (<>{label} 사업 현황 ({tableCount.toLocaleString('ko-KR')})건</>);
+                  return (<>{label} 사업 현황</>);
                 })()
               }
               tableData={tableData}
@@ -188,7 +188,7 @@ const SearchModal: React.FC = () => {
               headName={
                 (() => {
                   const label = WORK_TYPES.find((type) => type.val === workType)?.text
-                  return (<>{label} 결과표 ({detailTableCount.toLocaleString('ko-KR')})건</>);
+                  return (<>{label} 결과표</>);
                 })()
               }
               tableData={detailTableData}

packages/common/business_components/src/ui/table/index.tsx

@@ -16,6 +16,7 @@ export type ChkClass = {
   chk: boolean;
   readonly: boolean;
 };
+
 type UiTableProps<T extends object> = {
   headName: React.ReactNode | undefined;
   tableData: T[];
@@ -123,17 +124,20 @@ export function UiTable<T extends object = Record<string, unknown>>({
   };
 
   const leafCols = getLeafCols(headlist);
+  const totalLabel = typeof total === "number" ? total.toLocaleString("ko-KR") : " ";
+  const hasTotal = typeof total === "number";
+
   return (
     <>
       {headName ? (
         headButton ? (
           <div className="card-header flex items-center justify-between">
-            <h3 className="text-2xl font-medium text-label">{headName}</h3>
+            <h3 className="text-2xl font-medium text-label">{headName}  총 {totalLabel}건</h3>
             <>{headButton}</>
           </div>
         ) : (
           <div className="card-header">
-            <h3 className="text-2xl font-medium text-label">{headName}</h3>
+            <h3 className="text-2xl font-medium text-label">{headName}  총 {totalLabel}건</h3>
           </div>
         )
       ) : (
@@ -286,7 +290,7 @@ export function UiTable<T extends object = Record<string, unknown>>({
             )}
           </TableBody>
         </Table>
-        {total <= 0 ? (
+        {!hasTotal || total <= 0 ? (
           <></>
         ) : (
           <UiPageNations