chore: render see more button conditionally

2026-05-20 21:41:57 +00:00 · 2026-01-27 18:16:34 +07:00
parent b03a47ddc6
commit a094eb94a5
1 changed files with 20 additions and 18 deletions
@@ -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>
  );
 };