chore: change usage of the component

Signed-off-by: blam <ben@blam.sh>

packages/core-components/src/components/EmptyState/MissingAnnotationEmptyState.tsx

@@ -47,7 +47,13 @@ type Props = {
   annotation: string | string[];
   readMoreUrl?: string;
 };
+
+/**
+ * @public
+ * @deprecated This component is deprecated, please use {@link @backstage/plugin-catalog-react#MissingAnnotationEmptyStateClassKey} instead
+ */
 export type MissingAnnotationEmptyStateClassKey = 'code';
+
 const useStyles = makeStyles<BackstageTheme>(
   theme => ({
     code: {
@@ -92,7 +98,7 @@ function generateDescription(annotations: string[]) {
 
 /**
  * @public
- * @deprecated This component is deprecated, please use {@link @backstage/plugin-catalog-react#MissingAnnotationEmptyuseState} instead
+ * @deprecated This component is deprecated, please use {@link @backstage/plugin-catalog-react#MissingAnnotationEmptyState} instead
  */
 export function MissingAnnotationEmptyState(props: Props) {
   const { annotation, readMoreUrl } = props;

plugins/adr/src/components/EntityAdrContent/EntityAdrContent.tsx

@@ -24,7 +24,6 @@ import {
   Content,
   ContentHeader,
   InfoCard,
-  MissingAnnotationEmptyState,
   Progress,
   SupportButton,
   WarningPanel,
@@ -38,7 +37,10 @@ import {
   isAdrAvailable,
   madrFilePathFilter,
 } from '@backstage/plugin-adr-common';
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import {
   Box,
   Chip,

plugins/airbrake/src/components/EntityAirbrakeWidget/EntityAirbrakeWidget.tsx

@@ -19,7 +19,6 @@ import {
   EmptyState,
   ErrorPanel,
   InfoCard,
-  MissingAnnotationEmptyState,
   Progress,
 } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
@@ -29,6 +28,7 @@ import { makeStyles } from '@material-ui/core/styles';
 import React from 'react';
 import useAsync from 'react-use/lib/useAsync';
 import { airbrakeApiRef } from '../../api';
+import { MissingAnnotationEmptyState } from '@backstage/plugin-catalog-react';
 import { AIRBRAKE_PROJECT_ID_ANNOTATION, useProjectId } from '../useProjectId';
 
 const useStyles = makeStyles<BackstageTheme>(() => ({

plugins/allure/src/components/AllureReportComponent/AllureReportComponent.tsx

@@ -16,16 +16,16 @@
 import React from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { allureApiRef } from '../../api';
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import {
   ALLURE_PROJECT_ID_ANNOTATION,
   isAllureReportAvailable,
   getAllureProjectId,
 } from '../annotationHelpers';
-import {
-  MissingAnnotationEmptyState,
-  Progress,
-} from '@backstage/core-components';
+import { Progress } from '@backstage/core-components';
 import useAsync from 'react-use/lib/useAsync';
 import { Entity } from '@backstage/catalog-model';
 

plugins/azure-sites/src/components/AzureSitesOverviewComponent/AzureSitesOverview.tsx

@@ -21,12 +21,11 @@ import {
   AZURE_WEB_SITE_NAME_ANNOTATION,
   useServiceEntityAnnotations,
 } from '../../hooks/useServiceEntityAnnotations';
+import { ErrorBoundary, ResponseErrorPanel } from '@backstage/core-components';
 import {
-  ErrorBoundary,
+  useEntity,
   MissingAnnotationEmptyState,
-  ResponseErrorPanel,
-} from '@backstage/core-components';
-import { useEntity } from '@backstage/plugin-catalog-react';
+} from '@backstage/plugin-catalog-react';
 import { AzureSitesOverviewTable } from '../AzureSitesOverviewTableComponent/AzureSitesOverviewTable';
 
 /** @public */

plugins/bitrise/src/components/BitriseBuildsComponent/BitriseBuildsComponent.tsx

@@ -15,18 +15,16 @@
  */
 
 import { Entity } from '@backstage/catalog-model';
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import React, { useState } from 'react';
 import { useBitriseBuildWorkflows } from '../../hooks/useBitriseBuildWorkflows';
 import { AsyncState } from 'react-use/lib/useAsync';
 import { BitriseBuildsTable } from '../BitriseBuildsTableComponent';
 import { Item, Select } from '../Select';
-import {
-  Content,
-  ContentHeader,
-  MissingAnnotationEmptyState,
-  Page,
-} from '@backstage/core-components';
+import { Content, ContentHeader, Page } from '@backstage/core-components';
 
 export type Props = {
   entity: Entity;

plugins/circleci/src/components/Router.tsx

@@ -21,8 +21,10 @@ import { BuildWithStepsPage } from './BuildWithStepsPage/';
 import { BuildsPage } from './BuildsPage';
 import { CIRCLECI_ANNOTATION } from '../constants';
 import { Entity } from '@backstage/catalog-model';
-import { useEntity } from '@backstage/plugin-catalog-react';
-import { MissingAnnotationEmptyState } from '@backstage/core-components';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 
 /** @public */
 export const isCircleCIAvailable = (entity: Entity) =>

plugins/cloudbuild/src/components/Router.tsx

@@ -15,13 +15,15 @@
  */
 import React from 'react';
 import { Entity } from '@backstage/catalog-model';
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import { Routes, Route } from 'react-router-dom';
 import { buildRouteRef } from '../routes';
 import { WorkflowRunDetails } from './WorkflowRunDetails';
 import { WorkflowRunsTable } from './WorkflowRunsTable';
 import { CLOUDBUILD_ANNOTATION } from './useProjectName';
-import { MissingAnnotationEmptyState } from '@backstage/core-components';
 
 /** @public */
 export const isCloudbuildAvailable = (entity: Entity) =>

plugins/code-climate/src/components/CodeClimateCardContents/CodeClimateCardContents.tsx

@@ -19,13 +19,11 @@ import useAsync from 'react-use/lib/useAsync';
 import { codeClimateApiRef } from '../../api';
 import { CodeClimateTable } from '../CodeClimateTable';
 import { CODECLIMATE_REPO_ID_ANNOTATION } from '../../plugin';
-import { useEntity } from '@backstage/plugin-catalog-react';
 import {
-  EmptyState,
-  ErrorPanel,
+  useEntity,
   MissingAnnotationEmptyState,
-  Progress,
-} from '@backstage/core-components';
+} from '@backstage/plugin-catalog-react';
+import { EmptyState, ErrorPanel, Progress } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
 
 export const CodeClimateCardContents = () => {

plugins/code-coverage/src/components/Router.tsx

@@ -16,9 +16,11 @@
 
 import React from 'react';
 import { Entity } from '@backstage/catalog-model';
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import { CodeCoveragePage } from './CodeCoveragePage';
-import { MissingAnnotationEmptyState } from '@backstage/core-components';
 
 /**
  * Returns true if the given entity has code coverage enabled.

plugins/dynatrace/src/components/DynatraceTab/DynatraceTab.tsx

@@ -15,12 +15,11 @@
  */
 import React from 'react';
 import { Grid } from '@material-ui/core';
+import { Page, Content } from '@backstage/core-components';
 import {
-  Page,
-  Content,
+  useEntity,
   MissingAnnotationEmptyState,
-} from '@backstage/core-components';
-import { useEntity } from '@backstage/plugin-catalog-react';
+} from '@backstage/plugin-catalog-react';
 import { ProblemsList } from '../Problems/ProblemsList';
 import { SyntheticsCard } from '../Synthetics/SyntheticsCard';
 import { isDynatraceAvailable } from '../../plugin';

plugins/fossa/src/components/FossaCard/FossaCard.tsx

@@ -14,7 +14,10 @@
  * limitations under the License.
  */
 
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import { Grid, Tooltip } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 import Typography from '@material-ui/core/Typography';
@@ -31,7 +34,6 @@ import {
   EmptyState,
   InfoCard,
   InfoCardVariants,
-  MissingAnnotationEmptyState,
   Progress,
   ResponseErrorPanel,
 } from '@backstage/core-components';

plugins/github-actions/src/components/Router.tsx

@@ -16,13 +16,15 @@
 
 import React from 'react';
 import { Entity } from '@backstage/catalog-model';
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import { Routes, Route } from 'react-router-dom';
 import { buildRouteRef } from '../routes';
 import { WorkflowRunDetails } from './WorkflowRunDetails';
 import { WorkflowRunsTable } from './WorkflowRunsTable';
 import { GITHUB_ACTIONS_ANNOTATION } from './getProjectNameFromEntity';
-import { MissingAnnotationEmptyState } from '@backstage/core-components';
 
 /** @public */
 export const isGithubActionsAvailable = (entity: Entity) =>

plugins/github-deployments/src/components/GithubDeploymentsCard.tsx

@@ -17,7 +17,10 @@
 import React from 'react';
 import useAsyncRetry from 'react-use/lib/useAsyncRetry';
 import { GithubDeployment, githubDeploymentsApiRef } from '../api';
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import {
   GITHUB_PROJECT_SLUG_ANNOTATION,
   isGithubDeploymentsAvailable,
@@ -28,11 +31,7 @@ import {
   ANNOTATION_SOURCE_LOCATION,
 } from '@backstage/catalog-model';
 
-import {
-  MissingAnnotationEmptyState,
-  ResponseErrorPanel,
-  TableColumn,
-} from '@backstage/core-components';
+import { ResponseErrorPanel, TableColumn } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
 
 const GithubDeploymentsComponent = ({

plugins/gocd/src/components/GoCdBuildsComponent/GoCdBuildsComponent.tsx

@@ -15,11 +15,13 @@
  */
 import React, { useState } from 'react';
 import { Entity } from '@backstage/catalog-model';
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import {
   Content,
   ContentHeader,
-  MissingAnnotationEmptyState,
   EmptyState,
   Page,
 } from '@backstage/core-components';

plugins/jenkins/src/components/Router.tsx

@@ -15,11 +15,11 @@
  */
 
 import { Entity } from '@backstage/catalog-model';
+import { TableColumn } from '@backstage/core-components';
 import {
+  useEntity,
   MissingAnnotationEmptyState,
-  TableColumn,
-} from '@backstage/core-components';
-import { useEntity } from '@backstage/plugin-catalog-react';
+} from '@backstage/plugin-catalog-react';
 import React from 'react';
 import { Route, Routes } from 'react-router-dom';
 import { JENKINS_ANNOTATION, LEGACY_JENKINS_ANNOTATION } from '../constants';

plugins/kafka/src/Router.tsx

@@ -17,10 +17,12 @@
 import { Entity } from '@backstage/catalog-model';
 import React from 'react';
 import { Route, Routes } from 'react-router-dom';
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import { KAFKA_CONSUMER_GROUP_ANNOTATION } from './constants';
 import { KafkaTopicsForConsumer } from './components/ConsumerGroupOffsets/ConsumerGroupOffsets';
-import { MissingAnnotationEmptyState } from '@backstage/core-components';
 
 /** @public */
 export const isPluginApplicableToEntity = (entity: Entity) =>

plugins/kubernetes-cluster/src/Router.tsx

@@ -16,9 +16,11 @@
 
 import React from 'react';
 import { Entity } from '@backstage/catalog-model';
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import { Route, Routes } from 'react-router-dom';
-import { MissingAnnotationEmptyState } from '@backstage/core-components';
 import { ANNOTATION_KUBERNETES_API_SERVER } from '@backstage/plugin-kubernetes-common';
 import { KubernetesClusterContent } from './components/KubernetesClusterContent';
 

plugins/kubernetes/src/Router.tsx

@@ -16,11 +16,13 @@
 
 import React from 'react';
 import { Entity } from '@backstage/catalog-model';
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import { Route, Routes } from 'react-router-dom';
 import { KubernetesContent } from './KubernetesContent';
 import { Button } from '@material-ui/core';
-import { MissingAnnotationEmptyState } from '@backstage/core-components';
 
 const KUBERNETES_ANNOTATION = 'backstage.io/kubernetes-id';
 const KUBERNETES_LABEL_SELECTOR_QUERY_ANNOTATION =

plugins/lighthouse/src/Router.tsx

@@ -16,14 +16,16 @@
 
 import React from 'react';
 import { Route, Routes } from 'react-router-dom';
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import AuditList from './components/AuditList';
 import AuditView, { AuditViewContent } from './components/AuditView';
 import CreateAudit, { CreateAuditContent } from './components/CreateAudit';
 import { Entity } from '@backstage/catalog-model';
 import { LIGHTHOUSE_WEBSITE_URL_ANNOTATION } from '../constants';
 import { AuditListForEntity } from './components/AuditList/AuditListForEntity';
-import { MissingAnnotationEmptyState } from '@backstage/core-components';
 
 /** @public */
 export const isLighthouseAvailable = (entity: Entity) =>

plugins/newrelic-dashboard/src/Router.tsx

@@ -15,10 +15,12 @@
  */
 import { Entity } from '@backstage/catalog-model';
 import React from 'react';
-import { MissingAnnotationEmptyState } from '@backstage/core-components';
 import { Button } from '@material-ui/core';
 import { NewRelicDashboard } from './components/NewRelicDashboard';
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import { NEWRELIC_GUID_ANNOTATION } from './constants';
 
 /** @public */

plugins/nomad/src/Router.tsx

@@ -15,8 +15,10 @@
  */
 
 import React from 'react';
-import { useEntity } from '@backstage/plugin-catalog-react';
-import { MissingAnnotationEmptyState } from '@backstage/core-components';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import { Route, Routes } from 'react-router-dom';
 import { EntityNomadAllocationListTable } from './components/EntityNomadAllocationListTable/EntityNomadAllocationListTable';
 import {

plugins/nomad/src/components/EntityNomadAllocationListTable/EntityNomadAllocationListTable.tsx

@@ -17,7 +17,6 @@
 import { DateTime } from 'luxon';
 import {
   Link,
-  MissingAnnotationEmptyState,
   ResponseErrorPanel,
   StatusError,
   StatusOK,
@@ -26,7 +25,10 @@ import {
   Table,
   TableColumn,
 } from '@backstage/core-components';
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import React, { useState } from 'react';
 import { Allocation, nomadApiRef } from '../../api';
 import { configApiRef, useApi } from '@backstage/core-plugin-api';

plugins/nomad/src/components/EntityNomadJobVersionListCard/EntityNomadJobVersionListCard.tsx

@@ -17,12 +17,14 @@
 import { DateTime } from 'luxon';
 import {
   InfoCard,
-  MissingAnnotationEmptyState,
   ResponseErrorPanel,
   Table,
   TableColumn,
 } from '@backstage/core-components';
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import React, { useEffect, useState } from 'react';
 import { Version, nomadApiRef } from '../../api';
 import { configApiRef, useApi } from '@backstage/core-plugin-api';

plugins/puppetdb/src/components/Router.tsx

@@ -19,8 +19,10 @@ import { Routes, Route } from 'react-router-dom';
 import { puppetDbReportRouteRef } from '../routes';
 import { ANNOTATION_PUPPET_CERTNAME } from '../constants';
 import { Entity } from '@backstage/catalog-model';
-import { useEntity } from '@backstage/plugin-catalog-react';
-import { MissingAnnotationEmptyState } from '@backstage/core-components';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import { ReportsPage } from './ReportsPage';
 import { ReportDetailsPage } from './ReportDetailsPage';
 

plugins/rollbar/src/components/Router.tsx

@@ -15,12 +15,14 @@
  */
 
 import { Entity } from '@backstage/catalog-model';
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import React from 'react';
 import { Route, Routes } from 'react-router-dom';
 import { ROLLBAR_ANNOTATION } from '../constants';
 import { EntityPageRollbar } from './EntityPageRollbar/EntityPageRollbar';
-import { MissingAnnotationEmptyState } from '@backstage/core-components';
 
 /** @public */
 export const isPluginApplicableToEntity = (entity: Entity) =>

plugins/sentry/src/components/SentryIssuesWidget/SentryIssuesWidget.tsx

@@ -20,12 +20,12 @@ import useAsync from 'react-use/lib/useAsync';
 import { sentryApiRef } from '../../api';
 import SentryIssuesTable from '../SentryIssuesTable/SentryIssuesTable';
 import { SENTRY_PROJECT_SLUG_ANNOTATION, useProjectSlug } from '../hooks';
+import { MissingAnnotationEmptyState } from '@backstage/plugin-catalog-react';
 
 import {
   EmptyState,
   InfoCard,
   InfoCardVariants,
-  MissingAnnotationEmptyState,
   Progress,
 } from '@backstage/core-components';
 

plugins/sonarqube/src/components/SonarQubeCard/SonarQubeCard.tsx

@@ -14,7 +14,10 @@
  * limitations under the License.
  */
 
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import {
   sonarQubeApiRef,
   useProjectInfo,
@@ -38,7 +41,6 @@ import {
   EmptyState,
   InfoCard,
   InfoCardVariants,
-  MissingAnnotationEmptyState,
   Progress,
 } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';

plugins/sonarqube/src/components/SonarQubeContentPage/SonarQubeContentPage.tsx

@@ -19,8 +19,10 @@ import {
   ContentHeader,
   SupportButton,
 } from '@backstage/core-components';
-import { MissingAnnotationEmptyState } from '@backstage/core-components';
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import React from 'react';
 import { SonarQubeCard } from '../SonarQubeCard';
 import {

plugins/splunk-on-call/src/components/EntitySplunkOnCallCard.tsx

@@ -16,7 +16,10 @@
 import React, { useCallback, useState } from 'react';
 import useAsync from 'react-use/lib/useAsync';
 import { Entity } from '@backstage/catalog-model';
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import {
   Card,
   CardContent,
@@ -40,7 +43,6 @@ import {
   EmptyState,
   HeaderIconLinkRow,
   IconLinkVerticalProps,
-  MissingAnnotationEmptyState,
   Progress,
 } from '@backstage/core-components';
 

plugins/techdocs/src/Router.tsx

@@ -19,10 +19,12 @@ import { Route, Routes, useRoutes } from 'react-router-dom';
 
 import { Entity } from '@backstage/catalog-model';
 import { EntityPageDocs } from './EntityPageDocs';
-import { MissingAnnotationEmptyState } from '@backstage/core-components';
 import { TechDocsIndexPage } from './home/components/TechDocsIndexPage';
 import { TechDocsReaderPage } from './reader/components/TechDocsReaderPage';
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 
 const TECHDOCS_ANNOTATION = 'backstage.io/techdocs-ref';
 

plugins/vault/src/components/EntityVaultCard/EntityVaultCard.tsx

@@ -15,11 +15,13 @@
  */
 
 import React from 'react';
-import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  useEntity,
+  MissingAnnotationEmptyState,
+} from '@backstage/plugin-catalog-react';
 import { isVaultAvailable } from '../../conditions';
 import { VAULT_SECRET_PATH_ANNOTATION } from '../../constants';
 import { EntityVaultTable } from '../EntityVaultTable';
-import { MissingAnnotationEmptyState } from '@backstage/core-components';
 
 export const EntityVaultCard = () => {
   const { entity } = useEntity();