✨ Add assessment/review status to archetype table

Review states: 1. Completed - a review exists 2. NotStarted Assessment states: 1. Completed - all required assessments done (based on 'assessed' flag) 2. InProgress - some assessments done 3. NotStarted Signed-off-by: Radoslaw Szwajkowski <[email protected]>
konveyor · Mar 8, 2024 · cca860b · cca860b
1 parent 3e3d690
commit cca860b
Showing 1 changed file with 34 additions and 0 deletions.
diff --git a/client/src/app/pages/archetypes/archetypes-page.tsx b/client/src/app/pages/archetypes/archetypes-page.tsx
@@ -69,6 +69,7 @@ import {
 } from "@app/rbac";
 import { checkAccess } from "@app/utils/rbac-utils";
 import keycloak from "@app/keycloak";
+import { IconedStatus } from "@app/components/IconedStatus";
 
 const Archetypes: React.FC = () => {
   const { t } = useTranslation();
@@ -193,6 +194,8 @@ const Archetypes: React.FC = () => {
       tags: t("terms.tags"),
       maintainers: t("terms.maintainers"),
       applications: t("terms.applications"),
+      assessment: t("terms.assessment"),
+      review: t("terms.review"),
     },
 
     isFilterEnabled: true,
@@ -380,6 +383,11 @@ const Archetypes: React.FC = () => {
                     <Th {...getThProps({ columnKey: "tags" })} />
                     <Th {...getThProps({ columnKey: "maintainers" })} />
                     <Th {...getThProps({ columnKey: "applications" })} />
+                    <Th
+                      {...getThProps({ columnKey: "assessment" })}
+                      width={10}
+                    />
+                    <Th {...getThProps({ columnKey: "review" })} width={10} />
                   </TableHeaderContentWithControls>
                 </Tr>
               </Thead>
@@ -427,6 +435,32 @@ const Archetypes: React.FC = () => {
                         <Td {...getTdProps({ columnKey: "applications" })}>
                           <ArchetypeApplicationsColumn archetype={archetype} />
                         </Td>
+                        <Td
+                          width={15}
+                          modifier="truncate"
+                          {...getTdProps({ columnKey: "assessment" })}
+                        >
+                          <IconedStatus
+                            preset={
+                              archetype.assessed
+                                ? "Completed"
+                                : archetype?.assessments?.length
+                                ? "InProgress"
+                                : "NotStarted"
+                            }
+                          />
+                        </Td>
+                        <Td
+                          width={15}
+                          modifier="truncate"
+                          {...getTdProps({ columnKey: "review" })}
+                        >
+                          <IconedStatus
+                            preset={
+                              archetype.review ? "Completed" : "NotStarted"
+                            }
+                          />
+                        </Td>
                         <Td isActionCell>
                           {(archetypeWriteAccess ||
                             assessmentWriteAccess ||