Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2024-12-22 19:07:54 +01:00
Code Issues Projects Releases Wiki Activity

fix: adapts react markdown to open links in new tab (#5762)

Browse Source 
Adapts our current implementations of `ReactMarkdown` to always open
markdown links in new tabs.
This commit is contained in:
Nuno Góis 2024-01-04 14:32:27 +00:00 committed by GitHub
parent 77074a26de
commit ab139553c5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/component/banners/Banner/Banner.tsx
View File

@ -84,7 +84,7 @@ export const Banner = ({ banner, inline, maxHeight }: IBannerProps) => {
<StyledIcon variant={variant}> <StyledIcon variant={variant}>
<BannerIcon icon={icon} variant={variant} /> <BannerIcon icon={icon} variant={variant} />
</StyledIcon> </StyledIcon>
<ReactMarkdown>{message}</ReactMarkdown> <ReactMarkdown linkTarget='_blank'>{message}</ReactMarkdown>
<BannerButton <BannerButton
link={link} link={link}
plausibleEvent={plausibleEvent} plausibleEvent={plausibleEvent}

4
frontend/src/component/banners/Banner/BannerDialog/BannerDialog.tsx
View File

@ -30,7 +30,9 @@ export const BannerDialog = ({
setOpen(false); setOpen(false);
}} }}
> >
<StyledReactMarkdown>{children}</StyledReactMarkdown> <StyledReactMarkdown linkTarget='_blank'>
{children}
</StyledReactMarkdown>
</Dialogue> </Dialogue>
); );
}; };

4
frontend/src/component/integrations/IntegrationHowToSection/IntegrationHowToSection.tsx
View File

@ -34,7 +34,9 @@ export const IntegrationHowToSection: VFC<IIntegrationHowToSectionProps> = ({
> >
<IntegrationIcon name={provider.name} /> {title} <IntegrationIcon name={provider.name} /> {title}
</Typography> </Typography>
<ReactMarkdown>{provider!.howTo || ''}</ReactMarkdown> <ReactMarkdown linkTarget='_blank'>
{provider!.howTo || ''}
</ReactMarkdown>
</StyledHowDoesItWorkSection> </StyledHowDoesItWorkSection>
); );
}; };