fixed createComponentExtension , renamed EntityNewRelicDashboardsCard , EntityNewRelicDashboardsContent

Signed-off-by: mufaddal motiwala <mufaddalmm.52@gmail.com>

plugins/newrelic-dashboard/api-report.md

@@ -9,15 +9,15 @@ import { BackstagePlugin } from '@backstage/core-plugin-api';
 import { Entity } from '@backstage/catalog-model';
 import { RouteRef } from '@backstage/core-plugin-api';
 
-// Warning: (ae-missing-release-tag) "EntityNewRelicDashboard" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
+// Warning: (ae-missing-release-tag) "EntityNewRelicDashboardCard" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
 //
 // @public (undocumented)
-export const EntityNewRelicDashboard: () => JSX.Element;
+export const EntityNewRelicDashboardCard: () => JSX.Element;
 
-// Warning: (ae-missing-release-tag) "EntityPageNewRelicDashboard" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
+// Warning: (ae-missing-release-tag) "EntityNewRelicDashboardContent" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
 //
 // @public (undocumented)
-export const EntityPageNewRelicDashboard: () => JSX.Element;
+export const EntityNewRelicDashboardContent: () => JSX.Element;
 
 // Warning: (ae-missing-release-tag) "isNewRelicDashboardAvailable" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
 //

plugins/newrelic-dashboard/src/index.ts

@@ -15,7 +15,7 @@
  */
 export {
   newRelicDashboardPlugin,
-  EntityNewRelicDashboard,
-  EntityPageNewRelicDashboard,
+  EntityNewRelicDashboardCard,
+  EntityNewRelicDashboardContent,
 } from './plugin';
 export { isNewRelicDashboardAvailable } from './Router';

plugins/newrelic-dashboard/src/plugin.ts

@@ -15,10 +15,10 @@
  */
 import {
   createPlugin,
-  createRoutableExtension,
   configApiRef,
   createApiFactory,
   discoveryApiRef,
+  createComponentExtension,
 } from '@backstage/core-plugin-api';
 import { newRelicDashboardApiRef, NewRelicDashboardClient } from './api';
 import { rootRouteRef } from './routes';
@@ -40,22 +40,23 @@ export const newRelicDashboardPlugin = createPlugin({
     }),
   ],
 });
-
-export const EntityNewRelicDashboard = newRelicDashboardPlugin.provide(
-  createRoutableExtension({
+export const EntityNewRelicDashboardContent = newRelicDashboardPlugin.provide(
+  createComponentExtension({
     name: 'EntityNewRelicDashboardPage',
-    component: () => import('./Router').then(m => m.Router),
-    mountPoint: rootRouteRef,
+    component: {
+      lazy: () => import('./Router').then(m => m.Router),
+    },
   }),
 );
 
-export const EntityPageNewRelicDashboard = newRelicDashboardPlugin.provide(
-  createRoutableExtension({
+export const EntityNewRelicDashboardCard = newRelicDashboardPlugin.provide(
+  createComponentExtension({
     name: 'EntityNewRelicDashboardListComponent',
-    component: () =>
-      import('./components/NewRelicDashboard/DashboardEntityList').then(
-        m => m.DashboardEntityList,
-      ),
-    mountPoint: rootRouteRef,
+    component: {
+      lazy: () =>
+        import('./components/NewRelicDashboard/DashboardEntityList').then(
+          m => m.DashboardEntityList,
+        ),
+    },
   }),
 );