From f0f7372a0460440bf2799a0a731dc44bbb1d1aac Mon Sep 17 00:00:00 2001
From: Emma Indal <emma.indahl@gmail.com>
Date: Thu, 26 May 2022 15:04:23 +0200
Subject: [PATCH 1/2] mock the catalog api

Signed-off-by: Emma Indal <emma.indahl@gmail.com>
---
 .../templates/DefaultTemplate.stories.tsx     | 40 +++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/packages/app/src/components/home/templates/DefaultTemplate.stories.tsx b/packages/app/src/components/home/templates/DefaultTemplate.stories.tsx
index 8b9c5100b1..8d6434b7c3 100644
--- a/packages/app/src/components/home/templates/DefaultTemplate.stories.tsx
+++ b/packages/app/src/components/home/templates/DefaultTemplate.stories.tsx
@@ -39,6 +39,45 @@ import { HomePageStackOverflowQuestions } from '@backstage/plugin-stack-overflow
 import { Grid, makeStyles } from '@material-ui/core';
 import React, { ComponentType } from 'react';
 
+const entities = [
+  {
+    apiVersion: '1',
+    kind: 'Component',
+    metadata: {
+      name: 'mock-starred-entity',
+      title: 'Mock Starred Entity!',
+    },
+  },
+  {
+    apiVersion: '1',
+    kind: 'Component',
+    metadata: {
+      name: 'mock-starred-entity-2',
+      title: 'Mock Starred Entity 2!',
+    },
+  },
+  {
+    apiVersion: '1',
+    kind: 'Component',
+    metadata: {
+      name: 'mock-starred-entity-3',
+      title: 'Mock Starred Entity 3!',
+    },
+  },
+  {
+    apiVersion: '1',
+    kind: 'Component',
+    metadata: {
+      name: 'mock-starred-entity-4',
+      title: 'Mock Starred Entity 4!',
+    },
+  },
+];
+
+const mockCatalogApi = {
+  getEntities: async () => ({ items: entities }),
+};
+
 const starredEntitiesApi = new MockStarredEntitiesApi();
 starredEntitiesApi.toggleStarred('component:default/example-starred-entity');
 starredEntitiesApi.toggleStarred('component:default/example-starred-entity-2');
@@ -53,6 +92,7 @@ export default {
         <>
           <TestApiProvider
             apis={[
+              [catalogApiRef, mockCatalogApi],
               [starredEntitiesApiRef, starredEntitiesApi],
               [searchApiRef, { query: () => Promise.resolve({ results: [] }) }],
               [

From 50e7ad7eaa26ca5576b96a5a01f2bc6a2d3d2314 Mon Sep 17 00:00:00 2001
From: Emma Indal <emma.indahl@gmail.com>
Date: Thu, 26 May 2022 15:10:27 +0200
Subject: [PATCH 2/2] also import catalogApiRef

Signed-off-by: Emma Indal <emma.indahl@gmail.com>
---
 .../src/components/home/templates/DefaultTemplate.stories.tsx    | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/app/src/components/home/templates/DefaultTemplate.stories.tsx b/packages/app/src/components/home/templates/DefaultTemplate.stories.tsx
index 8d6434b7c3..638fe8bc29 100644
--- a/packages/app/src/components/home/templates/DefaultTemplate.stories.tsx
+++ b/packages/app/src/components/home/templates/DefaultTemplate.stories.tsx
@@ -27,6 +27,7 @@ import {
   starredEntitiesApiRef,
   MockStarredEntitiesApi,
   entityRouteRef,
+  catalogApiRef,
 } from '@backstage/plugin-catalog-react';
 import { configApiRef } from '@backstage/core-plugin-api';
 import { ConfigReader } from '@backstage/config';