Use Link from core-components

Signed-off-by: David Tuite <david@roadie.io>
2021-07-06 14:05:49 +01:00
parent 3beeff1c82
commit 10113f47b2
1 changed files with 3 additions and 4 deletions
@@ -17,6 +17,7 @@
 import React from 'react';
 import { Button, makeStyles, Typography } from '@material-ui/core';
 import { BackstageTheme } from '@backstage/theme';
+import { Link } from '../Link';
 import { EmptyState } from './EmptyState';
 import { CodeSnippet } from '../CodeSnippet';

@@ -73,11 +74,9 @@ export const MissingAnnotationEmptyState = ({ annotation }: Props) => {
            />
          </div>
          <Button
-            variant="contained"
            color="primary"
-            href="https://backstage.io/docs/features/software-catalog/well-known-annotations"
-            target="_blank"
-            rel="noopener noreferrer"
+            component={Link}
+            to="https://backstage.io/docs/features/software-catalog/well-known-annotations"
          >
            Read more
          </Button>