From 0247091b92fb60ad42cb942334be8077cf4cb07d Mon Sep 17 00:00:00 2001
From: Sharma <vishal.sharma@in.pega.com>
Date: Fri, 7 Nov 2025 22:02:52 +0530
Subject: [PATCH] Fixed a Semantic Link field not getting rendered in Details

---
 .../field/SemanticLink/SemanticLink.tsx          | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/react-sdk-components/src/components/field/SemanticLink/SemanticLink.tsx b/packages/react-sdk-components/src/components/field/SemanticLink/SemanticLink.tsx
index 57bc0ccd..f8f774c6 100644
--- a/packages/react-sdk-components/src/components/field/SemanticLink/SemanticLink.tsx
+++ b/packages/react-sdk-components/src/components/field/SemanticLink/SemanticLink.tsx
@@ -1,4 +1,4 @@
-import { Link } from '@mui/material';
+import { FormControl, FormLabel, Link } from '@mui/material';
 import makeStyles from '@mui/styles/makeStyles';
 
 import type { PConnFieldProps } from '../../../types/PConnProps';
@@ -53,6 +53,7 @@ interface SemanticLinkProps extends PConnFieldProps {
 export default function SemanticLink(props: SemanticLinkProps) {
   const {
     text,
+    label,
     resourcePayload = {},
     resourceParams = {},
     getPConnect,
@@ -201,8 +202,15 @@ export default function SemanticLink(props: SemanticLinkProps) {
   }
 
   return (
-    <Link component='button' {...linkComponentProps} {...restProps} onClick={openLinkClick} data-testid={testId}>
-      {text}
-    </Link>
+    <FormControl variant='standard' sx={{ display: 'flex', flexDirection: 'row' }}>
+      <FormLabel sx={{ marginRight: '2rem' }}>{label}</FormLabel>
+      {text ? (
+        <Link component='button' {...linkComponentProps} {...restProps} onClick={openLinkClick} data-testid={testId}>
+          {text}
+        </Link>
+      ) : (
+        '---'
+      )}
+    </FormControl>
   );
 }