From db6310b6a06c6a679fa911082449617924c43f01 Mon Sep 17 00:00:00 2001
From: Brian Fletcher <brian@roadie.io>
Date: Mon, 12 Dec 2022 10:26:16 +0000
Subject: [PATCH] show array of types on installations actions page

Signed-off-by: Brian Fletcher <brian@roadie.io>
---
 .changeset/tiny-kangaroos-speak.md                         | 5 +++++
 .../scaffolder/src/components/ActionsPage/ActionsPage.tsx  | 7 ++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/tiny-kangaroos-speak.md

diff --git a/.changeset/tiny-kangaroos-speak.md b/.changeset/tiny-kangaroos-speak.md
new file mode 100644
index 0000000000..436466c82d
--- /dev/null
+++ b/.changeset/tiny-kangaroos-speak.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-scaffolder': patch
+---
+
+Show input type array correctly on installed actions page.
diff --git a/plugins/scaffolder/src/components/ActionsPage/ActionsPage.tsx b/plugins/scaffolder/src/components/ActionsPage/ActionsPage.tsx
index 78efaa43ff..29951d7cb1 100644
--- a/plugins/scaffolder/src/components/ActionsPage/ActionsPage.tsx
+++ b/plugins/scaffolder/src/components/ActionsPage/ActionsPage.tsx
@@ -22,6 +22,7 @@ import {
   Table,
   TableBody,
   Box,
+  Chip,
   TableCell,
   TableContainer,
   TableHead,
@@ -107,7 +108,11 @@ export const ActionsPage = () => {
           <TableCell>{props.title}</TableCell>
           <TableCell>{props.description}</TableCell>
           <TableCell>
-            <span className={classes.code}>{props.type}</span>
+            <>
+              {[props.type].flat().map(type => (
+                <Chip label={type} />
+              ))}
+            </>
           </TableCell>
         </TableRow>
       );