diff --git a/.changeset/dull-onions-remember.md b/.changeset/dull-onions-remember.md
new file mode 100644
index 0000000000..f309bf5c4c
--- /dev/null
+++ b/.changeset/dull-onions-remember.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-stackstorm': patch
+---
+
+Add props to StackstormHome for Header Customization
diff --git a/plugins/stackstorm/src/components/StackstormHome/StackstormHome.test.tsx b/plugins/stackstorm/src/components/StackstormHome/StackstormHome.test.tsx
index 897cec61c1..e3db4c0cac 100644
--- a/plugins/stackstorm/src/components/StackstormHome/StackstormHome.test.tsx
+++ b/plugins/stackstorm/src/components/StackstormHome/StackstormHome.test.tsx
@@ -35,4 +35,19 @@ describe('StackstormHome', () => {
);
expect(screen.getByText('Welcome to StackStorm!')).toBeInTheDocument();
});
+
+ it('should render props', async () => {
+ await renderInTestApp(
+
+ Test Header Button]}
+ />
+ ,
+ );
+ expect(screen.getByText('Test Title')).toBeInTheDocument();
+ expect(screen.getByText('Test Subtitle')).toBeInTheDocument();
+ expect(screen.getByText('Test Header Button')).toBeInTheDocument();
+ });
});
diff --git a/plugins/stackstorm/src/components/StackstormHome/StackstormHome.tsx b/plugins/stackstorm/src/components/StackstormHome/StackstormHome.tsx
index d96d45e82d..4c244f4891 100644
--- a/plugins/stackstorm/src/components/StackstormHome/StackstormHome.tsx
+++ b/plugins/stackstorm/src/components/StackstormHome/StackstormHome.tsx
@@ -13,7 +13,7 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-import React from 'react';
+import React, { Fragment } from 'react';
import { IconButton } from '@material-ui/core';
import {
Header,
@@ -27,12 +27,26 @@ import { ExecutionsTable } from '../ExecutionsTable';
import { PacksTable } from '../PacksTable/PacksTable';
import { ActionsList } from '../ActionsList';
-export const StackstormHome = () => (
+export type StackstormHomeProps = {
+ title?: string;
+ subtitle?: string;
+ headerButtons?: React.ReactNode[];
+};
+export const StackstormHome = (props: StackstormHomeProps) => (
-
-
-
-
+
+ {props.headerButtons ? (
+ props.headerButtons.map((headerButton, idx) => (
+ {headerButton}
+ ))
+ ) : (
+
+
+
+ )}