work on non editable approval workflow steps view

src/interfaces/approval.workflow.ts

@@ -1,4 +1,5 @@
 import {Module} from ".";
+import { CorporateUser, MasterCorporateUser, TeacherUser, userTypeLabels } from "./user";
 
 export interface ApprovalWorkflow {
     id: string,
@@ -10,20 +11,30 @@ export interface ApprovalWorkflow {
 
 export type StepType = "form-intake" | "approval-by";
 
+type AssigneesType = TeacherUser["type"] | CorporateUser["type"] | MasterCorporateUser["type"];
+
 export interface WorkflowStep {
     key?: number,
-    stepType: StepType,
+    stepType?: StepType,
     stepNumber: number,
-    completed: boolean,
+    completed?: boolean,
     completedBy?: string,
     assignees?: string[],
+    assigneesType?: AssigneesType,
     editView?: boolean,
     firstStep?: boolean,
+    currentStep?: boolean,
     finalStep?: boolean,
-    isSelected?: boolean,
+    selected?: boolean,
     requestedBy?: string,
     //requestedBy: TeacherUser | CorporateUser | MasterCorporateUser,
     onDelete?: () => void;
+    onClick?: React.MouseEventHandler<HTMLDivElement>
+}
+
+export function getUserTypeLabel(type: AssigneesType | undefined): string {
+    if (type) return userTypeLabels[type];
+    return '';
 }
 
 export type ApprovalWorkflowStatus = "approved" | "pending" | "rejected";