From f7ca0fee7a2d0fd2fed495e27ee5427a81e7ebe1 Mon Sep 17 00:00:00 2001
From: Benjamin Janssens <benji.janssens@gmail.com>
Date: Wed, 7 May 2025 15:25:18 +0200
Subject: [PATCH] feat(home): add entity presentation api to home page widgets

Signed-off-by: Benjamin Janssens <benji.janssens@gmail.com>
---
 .changeset/dry-shirts-film.md                      |  5 +++++
 plugins/home/src/components/VisitList/ItemName.tsx | 14 +++++++++++++-
 2 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/dry-shirts-film.md

diff --git a/.changeset/dry-shirts-film.md b/.changeset/dry-shirts-film.md
new file mode 100644
index 0000000000..35ada3969a
--- /dev/null
+++ b/.changeset/dry-shirts-film.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-home': patch
+---
+
+Added the Catalog presentation API to the HomePageRecentlyVisited and HomePageTopVisited components
diff --git a/plugins/home/src/components/VisitList/ItemName.tsx b/plugins/home/src/components/VisitList/ItemName.tsx
index bf02b1ba07..7140caf61b 100644
--- a/plugins/home/src/components/VisitList/ItemName.tsx
+++ b/plugins/home/src/components/VisitList/ItemName.tsx
@@ -18,16 +18,28 @@ import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core/styles';
 import { Visit } from '../../api/VisitsApi';
 import { Link } from '@backstage/core-components';
+import { EntityRefLink } from '@backstage/plugin-catalog-react';
 
-const useStyles = makeStyles(_theme => ({
+const useStyles = makeStyles(theme => ({
   name: {
     marginLeft: '0.8rem',
     marginRight: '0.8rem',
+    fontSize: theme.typography.body1.fontSize,
   },
 }));
 export const ItemName = ({ visit }: { visit: Visit }) => {
   const classes = useStyles();
 
+  if (visit.entityRef)
+    return (
+      <EntityRefLink
+        entityRef={visit.entityRef}
+        className={classes.name}
+        hideIcon
+        disableTooltip
+      />
+    );
+
   return (
     <Typography
       component={Link}