X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/a6b9fb8166440eef3144150024a875c858db9bb6..79d2927c497c924e9b15545d44b860627e8f8a7c:/services/workbench2/src/components/code-snippet/code-snippet.tsx diff --git a/services/workbench2/src/components/code-snippet/code-snippet.tsx b/services/workbench2/src/components/code-snippet/code-snippet.tsx index 209dbc44b5..47d8fe1bf0 100644 --- a/services/workbench2/src/components/code-snippet/code-snippet.tsx +++ b/services/workbench2/src/components/code-snippet/code-snippet.tsx @@ -54,8 +54,8 @@ const mapStateToProps = (state: RootState): CodeSnippetAuthProps => ({ export const CodeSnippet = withStyles(styles)(connect(mapStateToProps)( ({ classes, lines, linked, className, apiResponse, dispatch, auth, children, inline }: CodeSnippetProps & CodeSnippetAuthProps & DispatchProp) => + component="div" + className={classNames([classes.root, className, inline ? classes.inlineRoot : undefined])}> {children} {linked ? @@ -64,7 +64,7 @@ export const CodeSnippet = withStyles(styles)(connect(mapStateToProps)( } - )); +)); const renderLinks = (auth: FederationConfig, dispatch: Dispatch) => (text: string): JSX.Element => { // Matches UUIDs & PDHs @@ -78,18 +78,18 @@ const renderLinks = (auth: FederationConfig, dispatch: Dispatch) => (text: strin {part} {links[index] && - { - const url = getNavUrl(links[index], auth) - if (url) { - window.open(`${window.location.origin}${url}`, '_blank'); - } else { - dispatch(navigationNotAvailable(links[index])); - } - }} - style={ {cursor: 'pointer'} }> - {links[index]} - } + { + const url = getNavUrl(links[index], auth) + if (url) { + window.open(`${window.location.origin}${url}`, '_blank', "noopener"); + } else { + dispatch(navigationNotAvailable(links[index])); + } + }} + style={{ cursor: 'pointer' }}> + {links[index]} + } )} ; - }; +};