fix(frontend): use Link component in transaction page (#3013)

kubeshop · Jul 31, 2023 · 56376d3 · 56376d3
1 parent 6a720f3
commit 56376d3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/web/src/components/TransactionHeader/TransactionHeader.styled.ts b/web/src/components/TransactionHeader/TransactionHeader.styled.ts
@@ -1,7 +1,7 @@
 import {LeftOutlined} from '@ant-design/icons';
 import {Typography} from 'antd';
-import {Link as RRLink} from 'react-router-dom';
 import styled from 'styled-components';
+import RRLink from 'components/Link';
 
 export const BackIcon = styled(LeftOutlined)`
   cursor: pointer;

diff --git a/web/src/components/TransactionRunResult/ExecutionStep.tsx b/web/src/components/TransactionRunResult/ExecutionStep.tsx
@@ -69,9 +69,11 @@ const ExecutionStep = ({
         </S.AssertionResultContainer>
         <S.ExecutionStepStatus>
           <Tooltip title="Go to Run">
-            <S.ExecutionStepRunLink to={toLink} target="_blank" data-cy="execution-step-run-link">
-              <LinkOutlined />
-            </S.ExecutionStepRunLink>
+            <div>
+              <S.ExecutionStepRunLink to={toLink} target="_blank" data-cy="execution-step-run-link">
+                <LinkOutlined />
+              </S.ExecutionStepRunLink>
+            </div>
           </Tooltip>
         </S.ExecutionStepStatus>
       </S.Content>