diff --git a/.changeset/loud-pears-marry.md b/.changeset/loud-pears-marry.md new file mode 100644 index 0000000000..d72faa7e44 --- /dev/null +++ b/.changeset/loud-pears-marry.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-bazaar': patch +--- + +Allow customisation of title and subtitle on bazaar page. diff --git a/plugins/bazaar/api-report.md b/plugins/bazaar/api-report.md index afbb7b5504..f4104258e7 100644 --- a/plugins/bazaar/api-report.md +++ b/plugins/bazaar/api-report.md @@ -24,7 +24,13 @@ export type BazaarOverviewCardProps = { }; // @public (undocumented) -export const BazaarPage: () => JSX.Element; +export const BazaarPage: (props: BazaarPageProps) => JSX.Element; + +// @public (undocumented) +export type BazaarPageProps = { + title?: string; + subtitle?: string; +}; // @public (undocumented) export const bazaarPlugin: BackstagePlugin< diff --git a/plugins/bazaar/src/components/HomePage/HomePage.tsx b/plugins/bazaar/src/components/HomePage/HomePage.tsx index cec7171c20..73a8cd7922 100644 --- a/plugins/bazaar/src/components/HomePage/HomePage.tsx +++ b/plugins/bazaar/src/components/HomePage/HomePage.tsx @@ -19,7 +19,15 @@ import { Header, RoutedTabs } from '@backstage/core-components'; import { SortView } from '../SortView'; import { About } from '../About'; -export const HomePage = () => { +/** @public */ +export type HomePageProps = { + title?: string; + subtitle?: string; +}; + +export const HomePage = (props: HomePageProps) => { + const { title, subtitle } = props; + const tabContent = [ { path: '/', @@ -35,7 +43,10 @@ export const HomePage = () => { return (