From a094eb94a5ea0ac31a796ccb35fccfb9eb1b499b Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Tue, 27 Jan 2026 18:16:34 +0700
Subject: [PATCH] chore: render see more button conditionally

---
 src/components/helper/ApprovalStepsV2.tsx | 38 ++++++++++++-----------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/src/components/helper/ApprovalStepsV2.tsx b/src/components/helper/ApprovalStepsV2.tsx
index 6b731a72..dc21453e 100644
--- a/src/components/helper/ApprovalStepsV2.tsx
+++ b/src/components/helper/ApprovalStepsV2.tsx
@@ -176,24 +176,26 @@ const ApprovalStepsV2 = ({
         })}
       </div>
 
-      <Button
-        variant='outline'
-        color='none'
-        onClick={seeMoreClickHandler}
-        className={cn(
-          'px-3 py-2 gap-2.5 text-sm text-base-content/50 border border-base-content/10 rounded-lg transition-all'
-        )}
-      >
-        <Icon
-          icon='heroicons-outline:chevron-double-down'
-          width={20}
-          height={20}
-          className={cn('transition-all duration-300', {
-            '-rotate-180': isSeeAll,
-          })}
-        />
-        See {isSeeAll ? 'Less' : 'More'}
-      </Button>
+      {formattedApprovals.length > maxVisibleSteps && (
+        <Button
+          variant='outline'
+          color='none'
+          onClick={seeMoreClickHandler}
+          className={cn(
+            'px-3 py-2 gap-2.5 text-sm text-base-content/50 border border-base-content/10 rounded-lg transition-all'
+          )}
+        >
+          <Icon
+            icon='heroicons-outline:chevron-double-down'
+            width={20}
+            height={20}
+            className={cn('transition-all duration-300', {
+              '-rotate-180': isSeeAll,
+            })}
+          />
+          See {isSeeAll ? 'Less' : 'More'}
+        </Button>
+      )}
     </div>
   );
 };