From 5e32724d400fd60f4c26fe5be34dfa7fae02b7bc Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 29 Dec 2025 13:51:32 +0700
Subject: [PATCH] refactor(FE-438): Show approve/reject only when step is
 CREATED

---
 .../uniformity/detail/UniformityDetail.tsx    | 25 +++++++++++--------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/components/pages/uniformity/detail/UniformityDetail.tsx b/src/components/pages/uniformity/detail/UniformityDetail.tsx
index 2822fa45..3176f96f 100644
--- a/src/components/pages/uniformity/detail/UniformityDetail.tsx
+++ b/src/components/pages/uniformity/detail/UniformityDetail.tsx
@@ -198,18 +198,21 @@ const UniformityDetail: React.FC<UniformityDetailProps> = ({
                 }}
               />
 
-              <div className='divider my-3.5' />
               {/* Approve/Reject Buttons */}
-              {initialValues.result && (
-                <RequirePermission permissions='lti.production.uniformity.approve'>
-                  <div className='grid grid-cols-1 sm:grid-cols-2 gap-4 [&_button]:rounded-lg'>
-                    <Button variant='outline' onClick={handleReject}>
-                      Reject
-                    </Button>
-                    <Button onClick={handleApprove}>Approve</Button>
-                  </div>
-                </RequirePermission>
-              )}
+              {initialValues.result &&
+              initialValues.latest_approval?.step_name === 'CREATED' ? (
+                <>
+                  <div className='divider my-3.5' />
+                  <RequirePermission permissions='lti.production.uniformity.approve'>
+                    <div className='grid grid-cols-1 sm:grid-cols-2 gap-4 [&_button]:rounded-lg'>
+                      <Button variant='outline' onClick={handleReject}>
+                        Reject
+                      </Button>
+                      <Button onClick={handleApprove}>Approve</Button>
+                    </div>
+                  </RequirePermission>
+                </>
+              ) : null}
             </div>
           </div>
         ) : (