Fied Link components usage. Now, all links use the Backstage's Link component

Signed-off-by: WarlenRodrigues <warlen.cesarrodrigues@gmail.com>
This commit is contained in:
WarlenRodrigues
2021-11-18 21:48:00 -03:00
committed by Fredrik Adelöw
parent 9e18e6b025
commit 22bf2da934
18 changed files with 62 additions and 48 deletions
@@ -16,9 +16,10 @@
import React from 'react';
import { SentryIssue } from '../../api';
import { Link, Typography } from '@material-ui/core';
import { Typography } from '@material-ui/core';
import { makeStyles } from '@material-ui/core/styles';
import { BackstageTheme } from '@backstage/theme';
import { Link } from '@backstage/core-components';
function stripText(text: string, maxLength: number) {
return text.length > maxLength ? `${text.substr(0, maxLength)}...` : text;
@@ -53,7 +54,7 @@ export const ErrorCell = ({ sentryIssue }: { sentryIssue: SentryIssue }) => {
return (
<div className={classes.root}>
<Link href={sentryIssue.permalink}>
<Link to={sentryIssue.permalink}>
<Typography variant="body1" gutterBottom className={classes.text}>
{stripText(issueType, 28)}
</Typography>