From 2be9d8083a9a3525c7dce8d881436cf67e44ad11 Mon Sep 17 00:00:00 2001
From: afwillia <anthony.williams@sagebase.org>
Date: Thu, 2 Jan 2025 11:53:30 -0800
Subject: [PATCH] Make the header link clickable for large cards

---
 .../components/UserCard/UserCardMedium.tsx    | 36 +++++++------------
 1 file changed, 13 insertions(+), 23 deletions(-)

diff --git a/packages/synapse-react-client/src/components/UserCard/UserCardMedium.tsx b/packages/synapse-react-client/src/components/UserCard/UserCardMedium.tsx
index 3deded11c2..8b092c17ac 100644
--- a/packages/synapse-react-client/src/components/UserCard/UserCardMedium.tsx
+++ b/packages/synapse-react-client/src/components/UserCard/UserCardMedium.tsx
@@ -145,28 +145,18 @@ export function UserCardMedium({
       <div className="SRC-cardContent">
         <p className="SRC-eqHeightRow SRC-userCardName">
           {/*
-              if its a medium component the header should be clickable (unless disableLink is set),
-              if its large then it should NOT be clickable
-            */}
-          {/* make SRC-whiteText overridable with a good name! */}
-          {isLarge || disableLink ? (
-            <span
-              className={isLarge ? 'SRC-primary-action-color' : 'SRC-blackText'}
-            >
-              {name}
-            </span>
-          ) : (
-            // consolidate click events
-            <a
-              href={linkLocation}
-              target={openLinkInNewTab ? '_blank' : ''}
-              rel={openLinkInNewTab ? 'noreferrer' : ''}
-              tabIndex={0}
-              className={'SRC-hand-cursor'}
-            >
-              {name}
-            </a>
-          )}
+              make the header clickable for all cards
+              consolidate click events
+          */}
+          <a
+            href={linkLocation}
+            target={openLinkInNewTab ? '_blank' : ''}
+            rel={openLinkInNewTab ? 'noreferrer' : ''}
+            tabIndex={0}
+            className={'SRC-hand-cursor'}
+          >
+            {name}
+          </a>
           {isValidated && (
             <Tooltip
               title="This user profile has been validated."
@@ -253,7 +243,7 @@ export function UserCardMedium({
   return (
     <Card>
       <div
-        className={`SRC-userCard SRC-userCardMediumUp`}
+        className={`SRC-userCard`}
         style={{ backgroundColor: 'transparent' }}
       >
         {mediumCard}