Merge pull request #1727 from alex-mckay/updateDatadogDefaultFilter

Update new FE system default filters for datadog

.changeset/big-taxis-cough.md

@@ -0,0 +1,5 @@
+---
+'@roadiehq/backstage-plugin-datadog': patch
+---
+
+Update default filtering to be based on required annotation for the new frontend system components

plugins/frontend/backstage-plugin-datadog/README.md

@@ -82,17 +82,6 @@ export const app = createApp({
 });
 ```
 
-2.  Next, enable your desired extensions in `app-config.yaml`. By default, the content and cards will only appear on entities that are components or resources. You can override that behavior by adding a config block, demonstrated on the 'datadog-graph' card.
-
-```yaml
-app:
-  extensions:
-    - entity-content:datadog/entity
-    - entity-card:datadog/datadog-graph:
-        config:
-          filter: kind:component,api,resource
-```
-
 ## Specify datadog domain
 
 Datadog embedded graph is using `datadoghq.eu`as default top-level domain, when other is not specified. If you are using other domain, you need to specify it with corresponding annotations `datadoghq.com/site`.

plugins/frontend/backstage-plugin-datadog/src/alpha/entityCards.tsx

@@ -1,13 +1,14 @@
 import React from 'react';
 import { EntityCardBlueprint } from '@backstage/plugin-catalog-react/alpha';
+import { isDatadogGraphAvailable } from '../plugin';
 
 /**
  * @alpha
  */
 export const entityDatadogGraphCard = EntityCardBlueprint.make({
   name: 'datadog-graph',
   params: {
-    filter: 'kind:component,resource',
+    filter: isDatadogGraphAvailable,
     loader: () =>
       import('../components/GraphWidget').then(m => <m.GraphWidget />),
   },

plugins/frontend/backstage-plugin-datadog/src/alpha/entityContent.tsx

@@ -3,7 +3,7 @@ import {
   convertLegacyRouteRef,
 } from '@backstage/core-compat-api';
 import { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';
-import { entityContentRouteRef } from '../plugin';
+import { entityContentRouteRef, isDatadogDashboardAvailable } from '../plugin';
 import React from 'react';
 
 /**
@@ -14,7 +14,7 @@ export const entityDatadogContent = EntityContentBlueprint.make({
   params: {
     defaultPath: '/datadog',
     defaultTitle: 'Datadog',
-    filter: 'kind:component,resource',
+    filter: isDatadogDashboardAvailable,
     routeRef: convertLegacyRouteRef(entityContentRouteRef),
     loader: () => import('../Router').then(m => compatWrapper(<m.Router />)),
   },