Merge pull request #6895 from backstage/timbonicus/kind-picker

Add kind picker to the CatalogPage
2021-08-28 23:09:06 -06:00
parent 0667c5c321 7febe58d6e
commit 0d6d42c91c
21 changed files with 446 additions and 62 deletions
@@ -34,15 +34,14 @@ export const CustomCatalogPage = ({
 }: CatalogPageProps) => {
  return (
    <PageWithHeader title={`${orgName} Catalog`} themeId="home">
-      <Content>
-        <ContentHeader title="Components">
-          <CreateButton title="Create Component" to={link} />
-          <SupportButton>All your software catalog entities</SupportButton>
-        </ContentHeader>
-        <EntityListProvider>
+      <EntityListProvider>
+        <Content>
+          <ContentHeader titleComponent={<CatalogKindHeader />}>
+            <CreateButton title="Create Component" to={link} />
+            <SupportButton>All your software catalog entities</SupportButton>
+          </ContentHeader>
          <FilteredEntityLayout>
            <FilterContainer>
-              <EntityKindPicker initialFilter="component" hidden />
              <EntityTypePicker />
              <UserListPicker initialFilter={initiallySelectedFilter} />
              <EntityTagPicker />
@@ -51,8 +50,8 @@ export const CustomCatalogPage = ({
              <CatalogTable columns={columns} actions={actions} />
            </EntityListContainer>
          </FilteredEntityLayout>
-        </EntityListProvider>
-      </Content>
+        </Content>
+      </EntityListProvider>
    </PageWithHeader>
  );
 };