refactor(FE): Refactor skeleton components to remove default columns

src/components/pages/closing/table/OverheadClosingTable.tsx

@@ -210,27 +210,27 @@ const OverheadClosingTable = ({
 
   return (
     <>
-      {isLoadingOverhead ? (
-        <OverheadClosingSkeleton columns={columns} />
-      ) : !isResponseSuccess(overhead) ||
-        (!kandangId && overhead.data?.overheads.length === 0) ||
-        (kandangId && !isResponseSuccess(overheadKandang)) ? (
-        <OverheadClosingSkeleton
-          columns={columns}
-          iconName='heroicons:chart-bar'
-          title='Data Overhead Tidak Ditemukan'
-          subtitle='Tidak ada data overhead untuk periode ini.'
-        />
-      ) : (
-        <Card
-          title='Pengeluaran Overhead'
-          collapsible
-          defaultCollapsed={false}
-          className={{
-            wrapper: 'w-full',
-            body: 'p-4 shadow',
-          }}
-        >
+      <Card
+        title='Pengeluaran Overhead'
+        collapsible
+        defaultCollapsed={false}
+        className={{
+          wrapper: 'w-full',
+          body: 'p-4 shadow',
+        }}
+      >
+        {isLoadingOverhead ? (
+          <OverheadClosingSkeleton columns={columns} />
+        ) : !isResponseSuccess(overhead) ||
+          (!kandangId && overhead.data?.overheads.length === 0) ||
+          (kandangId && !isResponseSuccess(overheadKandang)) ? (
+          <OverheadClosingSkeleton
+            columns={columns}
+            iconName='heroicons:chart-bar'
+            title='Data Overhead Tidak Ditemukan'
+            subtitle='Tidak ada data overhead untuk periode ini.'
+          />
+        ) : (
           <Table<Overhead>
             data={
               kandangId
@@ -256,7 +256,8 @@ const OverheadClosingTable = ({
                 : false
             }
           />
-          {kandangId && (
+        )}
+        {kandangId && !isLoadingOverhead && isResponseSuccess(overhead) && (
             <Card
               className={{
                 wrapper: 'w-full',
@@ -309,9 +310,8 @@ const OverheadClosingTable = ({
                 </div>
               </div>
             </Card>
-          )}
-        </Card>
-      )}
+        )}
+      </Card>
     </>
   );
 };

src/components/pages/closing/table/SapronakCalculationClosingTable.tsx

@@ -195,10 +195,11 @@ const SapronakCalculationClosingTable = ({
         }}
       >
         {isLoading ? (
-          <SapronakCalculationClosingSkeleton />
+          <SapronakCalculationClosingSkeleton columns={docColumns} />
         ) : isResponseSuccess(sapronakCalculation) &&
           sapronakCalculation.data?.doc?.rows?.length === 0 ? (
           <SapronakCalculationClosingSkeleton
+            columns={docColumns}
             iconName='heroicons:chart-bar'
             title='Data Perhitungan Sapronak Tidak Ditemukan'
             subtitle='Tidak ada data perhitungan sapronak untuk periode ini.'
@@ -232,10 +233,11 @@ const SapronakCalculationClosingTable = ({
         }}
       >
         {isLoading ? (
-          <SapronakCalculationClosingSkeleton />
+          <SapronakCalculationClosingSkeleton columns={ovkColumns} />
         ) : isResponseSuccess(sapronakCalculation) &&
           sapronakCalculation.data?.ovk?.rows?.length === 0 ? (
           <SapronakCalculationClosingSkeleton
+            columns={ovkColumns}
             iconName='heroicons:chart-bar'
             title='Data Perhitungan Sapronak Tidak Ditemukan'
             subtitle='Tidak ada data perhitungan sapronak untuk periode ini.'
@@ -269,10 +271,11 @@ const SapronakCalculationClosingTable = ({
         }}
       >
         {isLoading ? (
-          <SapronakCalculationClosingSkeleton />
+          <SapronakCalculationClosingSkeleton columns={pakanColumns} />
         ) : isResponseSuccess(sapronakCalculation) &&
           sapronakCalculation.data?.pakan?.rows?.length === 0 ? (
           <SapronakCalculationClosingSkeleton
+            columns={pakanColumns}
             iconName='heroicons:chart-bar'
             title='Data Perhitungan Sapronak Tidak Ditemukan'
             subtitle='Tidak ada data perhitungan sapronak untuk periode ini.'

src/components/pages/closing/table/sapronak/IncomingSapronaksSummaryTable.tsx

@@ -133,11 +133,12 @@ const ClosingIncomingSapronaksSummaryTable = ({
       >
         <div className='w-full p-0'>
           {isLoadingIncomingSapronakSummaries ? (
-            <SapronakClosingSkeleton type='incoming' />
+            <SapronakClosingSkeleton type='incoming' columns={incomingSapronaksColumns} />
           ) : isResponseSuccess(incomingSapronakSummaries) &&
             incomingSapronakSummaries.data.length === 0 ? (
             <SapronakClosingSkeleton
               type='incoming'
+              columns={incomingSapronaksColumns}
               iconName='heroicons:chart-bar'
               title='Ringkasan Sapronak Masuk Tidak Ditemukan'
               subtitle='Tidak ada ringkasan sapronak masuk untuk periode ini.'

src/components/pages/closing/table/sapronak/IncomingSapronaksTable.tsx

@@ -169,11 +169,12 @@ const ClosingIncomingSapronaksTable = ({
           </div>
 
           {isLoadingIncomingSapronaks ? (
-            <SapronakClosingSkeleton type='incoming' />
+            <SapronakClosingSkeleton type='incoming' columns={incomingSapronaksColumns} />
           ) : isResponseSuccess(incomingSapronaks) &&
             incomingSapronaks.data.length === 0 ? (
             <SapronakClosingSkeleton
               type='incoming'
+              columns={incomingSapronaksColumns}
               iconName='heroicons:chart-bar'
               title='Data Sapronak Masuk Tidak Ditemukan'
               subtitle='Tidak ada data sapronak masuk untuk periode ini.'

src/components/pages/closing/table/sapronak/OutgoingSapronaksSummaryTable.tsx

@@ -133,11 +133,12 @@ const ClosingOutgoingSapronaksSummaryTable = ({
       >
         <div className='w-full p-0'>
           {isLoadingOutgoingSapronakSummaries ? (
-            <SapronakClosingSkeleton type='outgoing' />
+            <SapronakClosingSkeleton type='outgoing' columns={outgoingSapronaksColumns} />
           ) : isResponseSuccess(outgoingSapronakSummaries) &&
             outgoingSapronakSummaries.data.length === 0 ? (
             <SapronakClosingSkeleton
               type='outgoing'
+              columns={outgoingSapronaksColumns}
               iconName='heroicons:chart-bar'
               title='Ringkasan Sapronak Keluar Tidak Ditemukan'
               subtitle='Tidak ada ringkasan sapronak keluar untuk periode ini.'

src/components/pages/closing/table/sapronak/OutgoingSapronaksTable.tsx

@@ -169,11 +169,12 @@ const ClosingOutgoingSapronaksTable = ({
           </div>
 
           {isLoadingOutgoingSapronaks ? (
-            <SapronakClosingSkeleton type='outgoing' />
+            <SapronakClosingSkeleton type='outgoing' columns={outgoingSapronaksColumns} />
           ) : isResponseSuccess(outgoingSapronaks) &&
             outgoingSapronaks.data.length === 0 ? (
             <SapronakClosingSkeleton
               type='outgoing'
+              columns={outgoingSapronaksColumns}
               iconName='heroicons:chart-bar'
               title='Data Sapronak Keluar Tidak Ditemukan'
               subtitle='Tidak ada data sapronak keluar untuk periode ini.'