From f39ee49343286c9221bb2819e385b914208da130 Mon Sep 17 00:00:00 2001
From: Philipp Hugenroth <philipph@spotify.com>
Date: Mon, 19 Jul 2021 12:23:05 +0200
Subject: [PATCH] Adjust props to fit general conventions

Signed-off-by: Philipp Hugenroth <philipph@spotify.com>
---
 packages/core-components/api-report.md                        | 4 ++--
 packages/core-components/src/layout/Page/PageWithHeader.tsx   | 4 ++--
 plugins/catalog/api-report.md                                 | 2 +-
 .../src/components/FilteredEntityLayout/FilterContainer.tsx   | 4 ++--
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/core-components/api-report.md b/packages/core-components/api-report.md
index 7f381deb4b..ccafa4cfa7 100644
--- a/packages/core-components/api-report.md
+++ b/packages/core-components/api-report.md
@@ -1202,7 +1202,7 @@ export const Page: ({
   children,
 }: PropsWithChildren<Props_21>) => JSX.Element;
 
-// Warning: (ae-forgotten-export) The symbol "ThemedHeaderProps" needs to be exported by the entry point index.d.ts
+// Warning: (ae-forgotten-export) The symbol "PageWithHeaderProps" needs to be exported by the entry point index.d.ts
 // Warning: (ae-missing-release-tag) "PageWithHeader" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
 //
 // @public (undocumented)
@@ -1210,7 +1210,7 @@ export const PageWithHeader: ({
   themeId,
   children,
   ...props
-}: PropsWithChildren<ThemedHeaderProps>) => JSX.Element;
+}: PropsWithChildren<PageWithHeaderProps>) => JSX.Element;
 
 // Warning: (ae-missing-release-tag) "Progress" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
 //
diff --git a/packages/core-components/src/layout/Page/PageWithHeader.tsx b/packages/core-components/src/layout/Page/PageWithHeader.tsx
index 6095b4df16..70a6c1f693 100644
--- a/packages/core-components/src/layout/Page/PageWithHeader.tsx
+++ b/packages/core-components/src/layout/Page/PageWithHeader.tsx
@@ -19,7 +19,7 @@ import React, { PropsWithChildren, ComponentProps } from 'react';
 import { Header } from '../Header';
 import { Page } from './Page';
 
-export type ThemedHeaderProps = ComponentProps<typeof Header> & {
+type PageWithHeaderProps = ComponentProps<typeof Header> & {
   themeId: string;
 };
 
@@ -27,7 +27,7 @@ export const PageWithHeader = ({
   themeId,
   children,
   ...props
-}: PropsWithChildren<ThemedHeaderProps>) => (
+}: PropsWithChildren<PageWithHeaderProps>) => (
   <Page themeId={themeId}>
     <Header {...props} />
     {children}
diff --git a/plugins/catalog/api-report.md b/plugins/catalog/api-report.md
index 4ed69230ec..5a4ddefaca 100644
--- a/plugins/catalog/api-report.md
+++ b/plugins/catalog/api-report.md
@@ -288,7 +288,7 @@ export const EntitySystemDiagramCard: SystemDiagramCard;
 // @public (undocumented)
 export const FilterContainer: ({
   children,
-}: React_2.PropsWithChildren<{}>) => JSX.Element;
+}: PropsWithChildren<{}>) => JSX.Element;
 
 // Warning: (ae-missing-release-tag) "FilteredEntityLayout" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
 //
diff --git a/plugins/catalog/src/components/FilteredEntityLayout/FilterContainer.tsx b/plugins/catalog/src/components/FilteredEntityLayout/FilterContainer.tsx
index 693d2f23b3..d38e800f46 100644
--- a/plugins/catalog/src/components/FilteredEntityLayout/FilterContainer.tsx
+++ b/plugins/catalog/src/components/FilteredEntityLayout/FilterContainer.tsx
@@ -25,9 +25,9 @@ import {
   useTheme,
 } from '@material-ui/core';
 import FilterListIcon from '@material-ui/icons/FilterList';
-import React, { useState } from 'react';
+import React, { useState, PropsWithChildren } from 'react';
 
-export const FilterContainer = ({ children }: React.PropsWithChildren<{}>) => {
+export const FilterContainer = ({ children }: PropsWithChildren<{}>) => {
   const isMidSizeScreen = useMediaQuery<BackstageTheme>(theme =>
     theme.breakpoints.down('md'),
   );