refactor(FE): Remove on-demand weight fetch and show empty state

src/components/pages/production/uniformity/detail/UniformityDetailsPreview.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import React, { useMemo, useState } from 'react';
+import React, { useMemo } from 'react';
 import { Icon } from '@iconify/react';
 import { ColumnDef } from '@tanstack/react-table';
 import DrawerHeader from '@/components/helper/drawer/DrawerHeader';
@@ -17,10 +17,6 @@ import {
   getWeightStatusText,
 } from '@/components/pages/production/uniformity/uniformity-utils';
 import { BodyWeightData } from '@/types/api/production/uniformity';
-import Button from '@/components/Button';
-import { UniformityApi } from '@/services/api/uniformity';
-import useSWR from 'swr';
-import { isResponseSuccess } from '@/lib/api-helper';
 
 interface UniformityDetailsPreviewProps {
   info_umum: UniformityInfoUmum;
@@ -30,34 +26,14 @@ interface UniformityDetailsPreviewProps {
 
 const UniformityDetailsPreview = ({
   info_umum,
-  uniformity_details: initialUniformityDetails,
+  uniformity_details,
-  uniformityId,
 }: UniformityDetailsPreviewProps) => {
   const setExpandedDrawerOpen = useUiStore((s) => s.setExpandedDrawerOpen);
-  const [shouldFetchDetails, setShouldFetchDetails] = useState(false);
-
-  const { data: uniformityDetailResponse, isLoading } = useSWR(
-    shouldFetchDetails
-      ? `uniformity-detail-${uniformityId}-with-details`
-      : null,
-    () => UniformityApi.getUniformityDetail(uniformityId, true)
-  );
-
-  const uniformity_details = useMemo(() => {
-    if (shouldFetchDetails && isResponseSuccess(uniformityDetailResponse)) {
-      return uniformityDetailResponse.data.uniformity_details;
-    }
-    return initialUniformityDetails;
-  }, [shouldFetchDetails, uniformityDetailResponse, initialUniformityDetails]);
 
   const handleClose = () => {
     setExpandedDrawerOpen(false);
   };
 
-  const fetchWeightData = () => {
-    setShouldFetchDetails(true);
-  };
-
   const tableData = useMemo(() => {
     if (!uniformity_details) return [];
 
@@ -142,21 +118,8 @@ const UniformityDetailsPreview = ({
       <section className='w-full px-6'>
         {info_umum ? (
           <div className='flex flex-col gap-4'>
-            {!uniformity_details || uniformity_details.length === 0 ? (
-              <div className='mt-4'>
-                <Button
-                  type='button'
-                  onClick={fetchWeightData}
-                  disabled={isLoading}
-                  className='w-full'
-                >
-                  {isLoading ? 'Loading...' : 'Show Body Weight Details'}
-                </Button>
-              </div>
-            ) : null}
-
             {/* Body Weight Details */}
-            {uniformity_details && uniformity_details.length > 0 && (
+            {uniformity_details && uniformity_details.length > 0 ? (
               <div className='mt-4'>
                 <Table<BodyWeightData>
                   data={tableData}
@@ -165,6 +128,17 @@ const UniformityDetailsPreview = ({
                   className={{ containerClassName: 'mb-5' }}
                 />
               </div>
+            ) : (
+              <div className='flex flex-col items-center justify-center py-10 text-gray-400'>
+                <Icon
+                  icon='mdi:file-document-outline'
+                  width={64}
+                  height={64}
+                  className='mb-4'
+                />
+                <p className='text-lg'>No data available</p>
+                <p className='text-sm'>Body weight details not found</p>
+              </div>
             )}
           </div>
         ) : (