added alias to view (#22219)

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>
                   </>
                 )}

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>
   );