From 81497c8a4125cf779d3f12d53c8d1f504d413d7d Mon Sep 17 00:00:00 2001
From: Camila Belo <camilaibs@gmail.com>
Date: Sat, 21 Oct 2023 13:17:02 +0200
Subject: [PATCH] refactor(catalog): extract nav items extensions file

Signed-off-by: Camila Belo <camilaibs@gmail.com>
---
 plugins/catalog/src/alpha/navItems.tsx | 29 ++++++++++++++++++++++++++
 plugins/catalog/src/alpha/plugin.tsx   | 12 ++---------
 2 files changed, 31 insertions(+), 10 deletions(-)
 create mode 100644 plugins/catalog/src/alpha/navItems.tsx

diff --git a/plugins/catalog/src/alpha/navItems.tsx b/plugins/catalog/src/alpha/navItems.tsx
new file mode 100644
index 0000000000..b6481fd764
--- /dev/null
+++ b/plugins/catalog/src/alpha/navItems.tsx
@@ -0,0 +1,29 @@
+/*
+ * Copyright 2023 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import HomeIcon from '@material-ui/icons/Home';
+import { convertLegacyRouteRef } from '@backstage/core-plugin-api/alpha';
+import { createNavItemExtension } from '@backstage/frontend-plugin-api';
+import { rootRouteRef } from '../routes';
+
+export const CatalogIndexNavItem = createNavItemExtension({
+  id: 'catalog.nav.index',
+  routeRef: convertLegacyRouteRef(rootRouteRef),
+  title: 'Catalog',
+  icon: HomeIcon,
+});
+
+export default [CatalogIndexNavItem];
diff --git a/plugins/catalog/src/alpha/plugin.tsx b/plugins/catalog/src/alpha/plugin.tsx
index 761a00c29b..10e516874f 100644
--- a/plugins/catalog/src/alpha/plugin.tsx
+++ b/plugins/catalog/src/alpha/plugin.tsx
@@ -16,12 +16,10 @@
 
 import React from 'react';
 import Grid from '@material-ui/core/Grid';
-import HomeIcon from '@material-ui/icons/Home';
 
 import { convertLegacyRouteRef } from '@backstage/core-plugin-api/alpha';
 import {
   createPlugin,
-  createNavItemExtension,
   coreExtensionData,
   createExtensionInput,
 } from '@backstage/frontend-plugin-api';
@@ -40,6 +38,7 @@ import {
 import apis from './apis';
 import pages from './pages';
 import filters from './filters';
+import navItems from './navItems';
 import entityCards from './entityCards';
 
 /** @alpha */
@@ -74,13 +73,6 @@ const OverviewEntityContent = createEntityContentExtension({
   ),
 });
 
-const CatalogNavItem = createNavItemExtension({
-  id: 'catalog.nav.index',
-  routeRef: convertLegacyRouteRef(rootRouteRef),
-  title: 'Catalog',
-  icon: HomeIcon,
-});
-
 /** @alpha */
 export default createPlugin({
   id: 'catalog',
@@ -97,9 +89,9 @@ export default createPlugin({
     ...apis,
     ...pages,
     ...filters,
+    ...navItems,
     ...entityCards,
     CatalogSearchResultListItemExtension,
-    CatalogNavItem,
     OverviewEntityContent,
   ],
 });