diff --git a/.changeset/big-months-float.md b/.changeset/big-months-float.md
new file mode 100644
index 0000000000..9acb7002e7
--- /dev/null
+++ b/.changeset/big-months-float.md
@@ -0,0 +1,6 @@
+---
+'@backstage/plugin-catalog': patch
+---
+
+Remove the "View Api" icon in the AboutCard, as the information is misleading for some users and is
+duplicated in the tabs above.
diff --git a/plugins/catalog/src/components/AboutCard/AboutCard.tsx b/plugins/catalog/src/components/AboutCard/AboutCard.tsx
index 68777d4109..7e44ae4efb 100644
--- a/plugins/catalog/src/components/AboutCard/AboutCard.tsx
+++ b/plugins/catalog/src/components/AboutCard/AboutCard.tsx
@@ -18,8 +18,6 @@ import {
Entity,
ENTITY_DEFAULT_NAMESPACE,
LOCATION_ANNOTATION,
- RELATION_CONSUMES_API,
- RELATION_PROVIDES_API,
stringifyEntityRef,
} from '@backstage/catalog-model';
import {
@@ -36,7 +34,6 @@ import {
import {
catalogApiRef,
getEntityMetadataEditUrl,
- getEntityRelations,
getEntitySourceLocation,
useEntity,
} from '@backstage/plugin-catalog-react';
@@ -51,7 +48,6 @@ import {
import CachedIcon from '@material-ui/icons/Cached';
import DocsIcon from '@material-ui/icons/Description';
import EditIcon from '@material-ui/icons/Edit';
-import ExtensionIcon from '@material-ui/icons/Extension';
import React, { useCallback } from 'react';
import { viewTechDocRouteRef } from '../../routes';
import { AboutContent } from './AboutContent';
@@ -95,16 +91,6 @@ export function AboutCard({ variant }: AboutCardProps) {
scmIntegrationsApi,
);
const entityMetadataEditUrl = getEntityMetadataEditUrl(entity);
- const providesApiRelations = getEntityRelations(
- entity,
- RELATION_PROVIDES_API,
- );
- const consumesApiRelations = getEntityRelations(
- entity,
- RELATION_CONSUMES_API,
- );
- const hasApis =
- providesApiRelations.length > 0 || consumesApiRelations.length > 0;
const viewInSource: IconLinkVerticalProps = {
label: 'View Source',
@@ -126,13 +112,6 @@ export function AboutCard({ variant }: AboutCardProps) {
name: entity.metadata.name,
}),
};
- const viewApi: IconLinkVerticalProps = {
- title: hasApis ? '' : 'No APIs available',
- label: 'View API',
- disabled: !hasApis,
- icon: ,
- href: 'api',
- };
let cardClass = '';
if (variant === 'gridItem') {
@@ -181,9 +160,7 @@ export function AboutCard({ variant }: AboutCardProps) {
>
}
- subheader={
-
- }
+ subheader={}
/>