From 9a8325aca640dd42980507b6a56cbdb077ae26e3 Mon Sep 17 00:00:00 2001
From: Esther Annorzie <eannorzie@indeed.com>
Date: Mon, 12 Dec 2022 14:11:11 -0500
Subject: [PATCH] Make noStarredEntitiesMessage a Content prop

Signed-off-by: Esther Annorzie <eannorzie@indeed.com>
---
 .../src/homePageComponents/StarredEntities/Content.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/plugins/home/src/homePageComponents/StarredEntities/Content.tsx b/plugins/home/src/homePageComponents/StarredEntities/Content.tsx
index 1f31ac062f..4654a7f860 100644
--- a/plugins/home/src/homePageComponents/StarredEntities/Content.tsx
+++ b/plugins/home/src/homePageComponents/StarredEntities/Content.tsx
@@ -42,11 +42,9 @@ import useAsync from 'react-use/lib/useAsync';
  * @public
  */
 
-interface starredEntitiesProp {
-  noStarredEntitiesMessage?: React.ReactNode;
-}
-
-export const Content = ({ noStarredEntitiesMessage }: starredEntitiesProp) => {
+export const Content = (props: {
+  noStarredEntitiesMessage?: React.ReactNode | undefined;
+}) => {
   const catalogApi = useApi(catalogApiRef);
   const catalogEntityRoute = useRouteRef(entityRouteRef);
   const { starredEntities, toggleStarredEntity } = useStarredEntities();
@@ -81,7 +79,7 @@ export const Content = ({ noStarredEntitiesMessage }: starredEntitiesProp) => {
   if (starredEntities.size === 0)
     return (
       <Typography variant="body1">
-        {noStarredEntitiesMessage ||
+        {props.noStarredEntitiesMessage ||
           'Click the star beside an entity name to add it to this list!'}
       </Typography>
     );