diff --git a/src/Pages/Incidents/DescriptionContent/DescriptionContent.module.scss b/src/Pages/Incidents/DescriptionContent/DescriptionContent.module.scss index 55e8490..07c7f14 100644 --- a/src/Pages/Incidents/DescriptionContent/DescriptionContent.module.scss +++ b/src/Pages/Incidents/DescriptionContent/DescriptionContent.module.scss @@ -16,6 +16,20 @@ margin-top: 12px; } +.description-content-rca { + display: flex; + align-items: center; + margin-top: 12px; +} + +.rca-text { + display: flex; + align-items: center; + gap: 4px; + margin-left: 44px; + text-decoration: none; +} + .description-content-jira { display: flex; justify-content: flex-start; diff --git a/src/Pages/Incidents/DescriptionContent/index.tsx b/src/Pages/Incidents/DescriptionContent/index.tsx index 4f1a4db..fc97077 100644 --- a/src/Pages/Incidents/DescriptionContent/index.tsx +++ b/src/Pages/Incidents/DescriptionContent/index.tsx @@ -16,6 +16,8 @@ import LinkIcon from '@src/assets/LinkIcon'; import JiraLogo from '@src/assets/JiraLogo'; import CopyIcon from '@src/assets/CopyIcon'; import LoadingIcon from '@src/assets/LoadingIcon'; +import ConfluenceIcon from '@src/assets/ConfluenceIcon'; +import GoToLinkIcon from '@src/assets/GoToLinkIcon'; import { ApiService } from '@src/services/api'; import { handleCopyClick } from '@src/services/globalUtils'; import DescriptionContentProps from './DescriptionContentProps'; @@ -248,7 +250,25 @@ const DescriptionContent: React.FC = ({ - +
+ +   + + RCA link + +   + + + + Go to document + + +
diff --git a/src/assets/ConfluenceIcon.tsx b/src/assets/ConfluenceIcon.tsx new file mode 100644 index 0000000..5de030e --- /dev/null +++ b/src/assets/ConfluenceIcon.tsx @@ -0,0 +1,54 @@ +import { FC } from 'react'; + +import { IconProps } from './types'; + +const ConfluenceIcon: FC = ({ + width = '16', + height = '16', + ...restProps +}) => { + return ( + + + + + + + + + + + + + + + ); +}; + +export default ConfluenceIcon; diff --git a/src/assets/GoToLinkIcon.tsx b/src/assets/GoToLinkIcon.tsx index 9d3dbae..a4152c2 100644 --- a/src/assets/GoToLinkIcon.tsx +++ b/src/assets/GoToLinkIcon.tsx @@ -10,31 +10,20 @@ const GoToLinkIcon: FC = ({ }) => { return ( - - - - - - - + + );