refactor(FE): Refactor component and file names for consistency

src/components/pages/closing/tab/ClosingFinanceTabContent.tsx

@@ -1,17 +0,0 @@
-import ClosingFinanceTable from '@/components/pages/closing/table/ClosingFinanceTable';
-
-const ClosingFinanceTabContent = ({
-  projectFlockId,
-}: {
-  projectFlockId: number;
-}) => {
-  return (
-    <div className='flex flex-col gap-4'>
-      {projectFlockId && (
-        <ClosingFinanceTable projectFlockId={projectFlockId} />
-      )}
-    </div>
-  );
-};
-
-export default ClosingFinanceTabContent;

src/components/pages/closing/tab/ClosingSapronakTabContent.tsx

@@ -1,36 +0,0 @@
-'use client';
-
-import ClosingIncomingSapronaksTable from '@/components/pages/closing/table/ClosingIncomingSapronaksTable';
-import ClosingOutgoingSapronaksTable from '@/components/pages/closing/table/ClosingOutgoingSapronaksTable';
-import ClosingIncomingSapronaksSummaryTable from '@/components/pages/closing/table/ClosingIncomingSapronaksSummaryTable';
-import ClosingOutgoingSapronaksSummaryTable from '../table/ClosingOutgoingSapronaksSummaryTable';
-
-interface ClosingSapronakTableProps {
-  projectFlockId?: number;
-}
-
-const ClosingSapronakTabContent = ({
-  projectFlockId,
-}: ClosingSapronakTableProps) => {
-  return (
-    <div className='flex flex-col gap-4'>
-      {projectFlockId && (
-        <>
-          <ClosingIncomingSapronaksTable projectFlockId={projectFlockId} />
-
-          <ClosingIncomingSapronaksSummaryTable
-            projectFlockId={projectFlockId}
-          />
-
-          <ClosingOutgoingSapronaksTable projectFlockId={projectFlockId} />
-
-          <ClosingOutgoingSapronaksSummaryTable
-            projectFlockId={projectFlockId}
-          />
-        </>
-      )}
-    </div>
-  );
-};
-
-export default ClosingSapronakTabContent;

src/components/pages/closing/tab/FinanceClosingTab.tsx

@@ -0,0 +1,13 @@
+import FinanceClosingTable from '@/components/pages/closing/table/FinanceClosingTable';
+
+const FinanceClosingTab = ({ projectFlockId }: { projectFlockId: number }) => {
+  return (
+    <div className='flex flex-col gap-4'>
+      {projectFlockId && (
+        <FinanceClosingTable projectFlockId={projectFlockId} />
+      )}
+    </div>
+  );
+};
+
+export default FinanceClosingTab;

src/components/pages/closing/tab/OverheadClosingTab.tsx

@@ -1,22 +1,22 @@
-import ClosingOverheadTable from '@/components/pages/closing/table/ClosingOverheadTable';
+import OverheadClosingTable from '@/components/pages/closing/table/OverheadClosingTable';
 import { ClosingGeneralInformation } from '@/types/api/closing';
 import { ProjectFlockKandang } from '@/types/api/production/project-flock-kandang';
 
-interface ClosingOverheadTabContentProps {
+interface OverheadClosingTabProps {
   projectFlockId: number;
   generalInformation?: ClosingGeneralInformation;
   kandangData?: ProjectFlockKandang;
 }
 
-const ClosingOverheadTabContent = ({
+const OverheadClosingTab = ({
   projectFlockId,
   generalInformation,
   kandangData,
-}: ClosingOverheadTabContentProps) => {
+}: OverheadClosingTabProps) => {
   return (
     <div className='flex flex-col gap-4'>
       {projectFlockId && (
-        <ClosingOverheadTable
+        <OverheadClosingTable
           projectFlockId={projectFlockId}
           generalInformation={generalInformation}
           kandangData={kandangData}
@@ -26,4 +26,4 @@ const ClosingOverheadTabContent = ({
   );
 };
 
-export default ClosingOverheadTabContent;
+export default OverheadClosingTab;

src/components/pages/closing/tab/ProductionDataClosingTab.tsx

@@ -6,13 +6,13 @@ import { ClosingApi } from '@/services/api/closing';
 import { isResponseSuccess } from '@/lib/api-helper';
 import { formatNumber } from '@/lib/helper';
 
-interface ClosingProductionDataTabContentProps {
+interface ProductionDataClosingTabProps {
   projectFlockId: number;
 }
 
-const ClosingProductionDataTabContent = ({
+const ProductionDataClosingTab = ({
   projectFlockId,
-}: ClosingProductionDataTabContentProps) => {
+}: ProductionDataClosingTabProps) => {
   const searchParams = useSearchParams();
   const kandangId = searchParams.get('kandangId');
 
@@ -305,4 +305,4 @@ const ClosingProductionDataTabContent = ({
   );
 };
 
-export default ClosingProductionDataTabContent;
+export default ProductionDataClosingTab;

src/components/pages/closing/tab/SapronakCalculationClosingTab.tsx

@@ -1,22 +1,22 @@
 'use client';
 
-import ClosingSapronakCalculationTable from '@/components/pages/closing/table/ClosingSapronakCalculationTable';
+import SapronakCalculationClosingTable from '@/components/pages/closing/table/SapronakCalculationClosingTable';
 import { ClosingGeneralInformation } from '@/types/api/closing';
 
-interface ClosingSapronakCalculationTabContentProps {
+interface SapronakCalculationClosingTabProps {
   projectFlockId?: number;
   closingGeneralInformation?: ClosingGeneralInformation;
 }
 
-const ClosingSapronakCalculationTabContent = ({
+const SapronakCalculationClosingTab = ({
   projectFlockId,
   closingGeneralInformation,
-}: ClosingSapronakCalculationTabContentProps) => {
+}: SapronakCalculationClosingTabProps) => {
   return (
     <div className='flex flex-col gap-4'>
       {projectFlockId && (
         <>
-          <ClosingSapronakCalculationTable
+          <SapronakCalculationClosingTable
             closingGeneralInformation={closingGeneralInformation}
             projectFlockId={projectFlockId}
           />
@@ -26,4 +26,4 @@ const ClosingSapronakCalculationTabContent = ({
   );
 };
 
-export default ClosingSapronakCalculationTabContent;
+export default SapronakCalculationClosingTab;

src/components/pages/closing/tab/SapronakClosingTab.tsx

@@ -0,0 +1,32 @@
+'use client';
+
+import IncomingSapronaksTable from '@/components/pages/closing/table/IncomingSapronaksTable';
+import OutgoingSapronaksTable from '@/components/pages/closing/table/OutgoingSapronaksTable';
+import IncomingSapronaksSummaryTable from '@/components/pages/closing/table/IncomingSapronaksSummaryTable';
+import ClosingOutgoingSapronaksSummaryTable from '../table/OutgoingSapronaksSummaryTable';
+
+interface SapronakClosingTabProps {
+  projectFlockId?: number;
+}
+
+const SapronakClosingTab = ({ projectFlockId }: SapronakClosingTabProps) => {
+  return (
+    <div className='flex flex-col gap-4'>
+      {projectFlockId && (
+        <>
+          <IncomingSapronaksTable projectFlockId={projectFlockId} />
+
+          <IncomingSapronaksSummaryTable projectFlockId={projectFlockId} />
+
+          <OutgoingSapronaksTable projectFlockId={projectFlockId} />
+
+          <ClosingOutgoingSapronaksSummaryTable
+            projectFlockId={projectFlockId}
+          />
+        </>
+      )}
+    </div>
+  );
+};
+
+export default SapronakClosingTab;