From a4bb6dc73b0e5f26af3ba72264c68408dd51d6f3 Mon Sep 17 00:00:00 2001
From: Daniel Ortiz Lira <dortiz@vmware.com>
Date: Thu, 30 Sep 2021 18:40:54 -0500
Subject: [PATCH] Expose EntityLinksEmptyState to material-ui overrides

Signed-off-by: Daniel Ortiz Lira <dortiz@vmware.com>
---
 .../EntityLinksCard/EntityLinksEmptyState.tsx | 19 ++++++++++++-------
 .../src/components/EntityLinksCard/index.ts   |  1 +
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/plugins/catalog/src/components/EntityLinksCard/EntityLinksEmptyState.tsx b/plugins/catalog/src/components/EntityLinksCard/EntityLinksEmptyState.tsx
index b0e8ee5d74..0da92a9f03 100644
--- a/plugins/catalog/src/components/EntityLinksCard/EntityLinksEmptyState.tsx
+++ b/plugins/catalog/src/components/EntityLinksCard/EntityLinksEmptyState.tsx
@@ -26,13 +26,18 @@ const ENTITY_YAML = `metadata:
       title: My Dashboard
       icon: dashboard`;
 
-const useStyles = makeStyles<BackstageTheme>(theme => ({
-  code: {
-    borderRadius: 6,
-    margin: `${theme.spacing(2)}px 0px`,
-    background: theme.palette.type === 'dark' ? '#444' : '#fff',
-  },
-}));
+export type EntityLinksEmptyStateClassKey = 'code';
+
+const useStyles = makeStyles<BackstageTheme>(
+  theme => ({
+    code: {
+      borderRadius: 6,
+      margin: `${theme.spacing(2)}px 0px`,
+      background: theme.palette.type === 'dark' ? '#444' : '#fff',
+    },
+  }),
+  { name: 'PluginCatalogEntityLinksEmptyState' },
+);
 
 export const EntityLinksEmptyState = () => {
   const classes = useStyles();
diff --git a/plugins/catalog/src/components/EntityLinksCard/index.ts b/plugins/catalog/src/components/EntityLinksCard/index.ts
index 04c30c0f68..fc53904a47 100644
--- a/plugins/catalog/src/components/EntityLinksCard/index.ts
+++ b/plugins/catalog/src/components/EntityLinksCard/index.ts
@@ -15,3 +15,4 @@
  */
 
 export { EntityLinksCard } from './EntityLinksCard';
+export type { EntityLinksEmptyStateClassKey } from './EntityLinksEmptyState';