From a5188950962fe30663c29490ff00e36168a42cc3 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Fri, 2 Jan 2026 08:47:08 +0700
Subject: [PATCH] refactor(FE): Conditionally render sampling and result
 sections

---
 .../detail/UniformityDetailsPreview.tsx       | 83 ++++++++++---------
 1 file changed, 43 insertions(+), 40 deletions(-)

diff --git a/src/components/pages/production/uniformity/detail/UniformityDetailsPreview.tsx b/src/components/pages/production/uniformity/detail/UniformityDetailsPreview.tsx
index d98bba23..21be03d7 100644
--- a/src/components/pages/production/uniformity/detail/UniformityDetailsPreview.tsx
+++ b/src/components/pages/production/uniformity/detail/UniformityDetailsPreview.tsx
@@ -229,49 +229,52 @@ const UniformityDetailsPreview = ({
       {/* Form Section */}
       <div className='divider mt-3.5'></div>
       <section className='w-full px-6'>
-        {uniformity_details && uniformity_details.length > 0 ? (
+        {info_umum || sampling || result ? (
           <div className='flex flex-col gap-4'>
             {/* Sampling and Range */}
-            <div className=''>
-              <p className='text-sm font-medium mb-5'>Sampling and Range</p>
-              <Table<DetailOptionType>
-                data={samplingTableData}
-                columns={columnsSampling}
-                pageSize={4}
-                className={{
-                  containerClassName: 'mb-0',
-                  paginationClassName: 'hidden',
-                }}
-              />
-            </div>
-            {/* Result */}
-            <div className=''>
-              <p className='text-sm font-medium mb-5'>Result</p>
-              <Table<DetailOptionType>
-                data={resultTableData}
-                columns={resultColumns}
-                pageSize={4}
-                className={{
-                  containerClassName: 'mb-0',
-                  paginationClassName: 'hidden',
-                }}
-              />
-            </div>
+            {sampling && (
+              <div className=''>
+                <p className='text-sm font-medium mb-5'>Sampling and Range</p>
+                <Table<DetailOptionType>
+                  data={samplingTableData}
+                  columns={columnsSampling}
+                  pageSize={4}
+                  className={{
+                    containerClassName: 'mb-0',
+                    paginationClassName: 'hidden',
+                  }}
+                />
+              </div>
+            )}
 
-            {/* Body Weight Details Button */}
-            <div className='mt-4'>
-              <Button
-                type='button'
-                onClick={fetchWeightData}
-                disabled={isLoading}
-                className='w-full'
-              >
-                {isLoading ? 'Loading...' : 'Show Body Weight Details'}
-              </Button>
-            </div>
-            {/*{!uniformity_details || uniformity_details.length === 0 ? (
-              <></>
-            ) : null}*/}
+            {/* Result */}
+            {result && (
+              <div className=''>
+                <p className='text-sm font-medium mb-5'>Result</p>
+                <Table<DetailOptionType>
+                  data={resultTableData}
+                  columns={resultColumns}
+                  pageSize={4}
+                  className={{
+                    containerClassName: 'mb-0',
+                    paginationClassName: 'hidden',
+                  }}
+                />
+              </div>
+            )}
+
+            {!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 && (