From 90440c0439c901eed44aa7699e9a1288b52d9478 Mon Sep 17 00:00:00 2001
From: Mateusz Kwasniewski <kwasniewski.mateusz@gmail.com>
Date: Tue, 26 Nov 2024 09:28:17 +0100
Subject: [PATCH] feat: view diff in change requests (#8852)

---
 .../StrategyTooltipLink/StrategyTooltipLink.tsx      | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/component/changeRequest/ChangeRequest/StrategyTooltipLink/StrategyTooltipLink.tsx b/frontend/src/component/changeRequest/ChangeRequest/StrategyTooltipLink/StrategyTooltipLink.tsx
index d4aab1a497..7295dcf614 100644
--- a/frontend/src/component/changeRequest/ChangeRequest/StrategyTooltipLink/StrategyTooltipLink.tsx
+++ b/frontend/src/component/changeRequest/ChangeRequest/StrategyTooltipLink/StrategyTooltipLink.tsx
@@ -69,6 +69,11 @@ const StyledContainer: FC<{ children?: React.ReactNode }> = styled('div')(
     }),
 );
 
+const ViewDiff = styled('span')(({ theme }) => ({
+    color: theme.palette.primary.main,
+    marginLeft: theme.spacing(1),
+}));
+
 const Truncated = styled('div')(() => ({
     ...textTruncated,
     maxWidth: 500,
@@ -82,6 +87,9 @@ export const StrategyTooltipLink: FC<IStrategyTooltipLinkProps> = ({
     <StyledContainer>
         <GetFeatureStrategyIcon strategyName={change.payload.name} />
         <Truncated>
+            <Typography component='span'>
+                {formatStrategyName(change.payload.name)}
+            </Typography>
             <TooltipLink
                 tooltip={children}
                 tooltipProps={{
@@ -89,9 +97,7 @@ export const StrategyTooltipLink: FC<IStrategyTooltipLinkProps> = ({
                     maxHeight: 600,
                 }}
             >
-                <Typography component='span'>
-                    {formatStrategyName(change.payload.name)}
-                </Typography>
+                <ViewDiff>View Diff</ViewDiff>
             </TooltipLink>
             <NameWithChangeInfo
                 newName={change.payload.title}