From 463180592453b8f9b06b54e399cbf7026be8e5ac Mon Sep 17 00:00:00 2001
From: Praveen Kumar D <62658404+praveenreddy1798@users.noreply.github.com>
Date: Thu, 25 May 2023 20:28:44 +0530
Subject: [PATCH] fix: render action button in the card only when
 actionButton.child is present (#9064)

Co-authored-by: Praveen Kumar <praveenkumar@Praveens-MacBook-Pro.local>
---
 packages/ui/components/card/Card.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/ui/components/card/Card.tsx b/packages/ui/components/card/Card.tsx
index 153f1325e4..b7c0dcdb2a 100644
--- a/packages/ui/components/card/Card.tsx
+++ b/packages/ui/components/card/Card.tsx
@@ -152,12 +152,14 @@ export function Card({
               {learnMore.text}
             </LinkComponent>
           )}
-          <button
-            className="text-default hover:text-emphasis p-0 text-xs font-normal"
-            color="minimal"
-            onClick={actionButton?.onClick}>
-            {actionButton?.child}
-          </button>
+          {actionButton?.child && (
+            <button
+              className="text-default hover:text-emphasis p-0 text-xs font-normal"
+              color="minimal"
+              onClick={actionButton?.onClick}>
+              {actionButton?.child}
+            </button>
+          )}
         </div>
       )}
     </div>