From da546ce005ab90240a0fec4c2969826e7cfb1d38 Mon Sep 17 00:00:00 2001
From: Oliver Sand <oliver.sand@sda-se.com>
Date: Wed, 28 Apr 2021 09:12:15 +0200
Subject: [PATCH] Support `gridItem` variant for `EntityLinksCard`

This makes it similar to other cards.

Signed-off-by: Oliver Sand <oliver.sand@sda-se.com>
---
 .changeset/small-snakes-shake.md                             | 5 +++++
 .../src/components/EntityLinksCard/EntityLinksCard.tsx       | 5 +++--
 2 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/small-snakes-shake.md

diff --git a/.changeset/small-snakes-shake.md b/.changeset/small-snakes-shake.md
new file mode 100644
index 0000000000..6db9db3754
--- /dev/null
+++ b/.changeset/small-snakes-shake.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-catalog': patch
+---
+
+Support `gridItem` variant for `EntityLinksCard`.
diff --git a/plugins/catalog/src/components/EntityLinksCard/EntityLinksCard.tsx b/plugins/catalog/src/components/EntityLinksCard/EntityLinksCard.tsx
index f7e558e285..59de0a4587 100644
--- a/plugins/catalog/src/components/EntityLinksCard/EntityLinksCard.tsx
+++ b/plugins/catalog/src/components/EntityLinksCard/EntityLinksCard.tsx
@@ -27,9 +27,10 @@ type Props = {
   /** @deprecated The entity is now grabbed from context instead */
   entity?: Entity;
   cols?: ColumnBreakpoints | number;
+  variant?: 'gridItem';
 };
 
-export const EntityLinksCard = ({ cols = undefined }: Props) => {
+export const EntityLinksCard = ({ cols = undefined, variant }: Props) => {
   const { entity } = useEntity();
   const app = useApp();
 
@@ -39,7 +40,7 @@ export const EntityLinksCard = ({ cols = undefined }: Props) => {
   const links = entity?.metadata?.links;
 
   return (
-    <InfoCard title="Links">
+    <InfoCard title="Links" variant={variant}>
       {!links || links.length === 0 ? (
         <EntityLinksEmptyState />
       ) : (