refactor(FE-438): Show approve/reject only when step is CREATED

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 && (
+              {initialValues.result &&
-                <RequirePermission permissions='lti.production.uniformity.approve'>
+              initialValues.latest_approval?.step_name === 'CREATED' ? (
-                  <div className='grid grid-cols-1 sm:grid-cols-2 gap-4 [&_button]:rounded-lg'>
+                <>
-                    <Button variant='outline' onClick={handleReject}>
+                  <div className='divider my-3.5' />
-                      Reject
+                  <RequirePermission permissions='lti.production.uniformity.approve'>
-                    </Button>
+                    <div className='grid grid-cols-1 sm:grid-cols-2 gap-4 [&_button]:rounded-lg'>
-                    <Button onClick={handleApprove}>Approve</Button>
+                      <Button variant='outline' onClick={handleReject}>
-                  </div>
+                        Reject
-                </RequirePermission>
+                      </Button>
-              )}
+                      <Button onClick={handleApprove}>Approve</Button>
+                    </div>
+                  </RequirePermission>
+                </>
+              ) : null}
             </div>
           </div>
         ) : (