From 357ebafa160ec0cb15f8dff5ff8deb92b2b3640d Mon Sep 17 00:00:00 2001
From: Erik Jan de Wit <erikjan.dewit@gmail.com>
Date: Wed, 9 Aug 2023 15:42:38 +0200
Subject: [PATCH] added alias to view (#22219)

---
 .../admin-ui/src/authentication/components/FlowRow.tsx    | 3 ++-
 .../admin-ui/src/authentication/components/FlowTitle.tsx  | 8 +++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/js/apps/admin-ui/src/authentication/components/FlowRow.tsx b/js/apps/admin-ui/src/authentication/components/FlowRow.tsx
index 6bd6993c3c3..edb8ce5a4ae 100644
--- a/js/apps/admin-ui/src/authentication/components/FlowRow.tsx
+++ b/js/apps/admin-ui/src/authentication/components/FlowRow.tsx
@@ -82,6 +82,7 @@ export const FlowRow = ({
                   <FlowTitle
                     id={execution.id}
                     key={execution.id}
+                    alias={execution.alias!}
                     title={execution.displayName!}
                   />
                 )}
@@ -89,7 +90,7 @@ export const FlowRow = ({
                   <>
                     {execution.displayName} <br />{" "}
                     <Text component={TextVariants.small}>
-                      {execution.description}
+                      {execution.alias} {execution.description}
                     </Text>
                   </>
                 )}
diff --git a/js/apps/admin-ui/src/authentication/components/FlowTitle.tsx b/js/apps/admin-ui/src/authentication/components/FlowTitle.tsx
index 7af31364d9f..e5243c8aa39 100644
--- a/js/apps/admin-ui/src/authentication/components/FlowTitle.tsx
+++ b/js/apps/admin-ui/src/authentication/components/FlowTitle.tsx
@@ -1,13 +1,14 @@
-import { Card, CardBody } from "@patternfly/react-core";
+import { Card, CardBody, Text, TextVariants } from "@patternfly/react-core";
 
 import "./flow-title.css";
 
 type FlowTitleProps = {
   id?: string;
   title: string;
+  alias: string;
 };
 
-export const FlowTitle = ({ id, title }: FlowTitleProps) => {
+export const FlowTitle = ({ id, title, alias }: FlowTitleProps) => {
   return (
     <Card
       data-testid={title}
@@ -15,7 +16,8 @@ export const FlowTitle = ({ id, title }: FlowTitleProps) => {
       isFlat
     >
       <CardBody data-id={id} id={`title-id-${id}`}>
-        {title}
+        {title} <br />
+        <Text component={TextVariants.small}>{alias}</Text>
       </CardBody>
     </Card>
   );