✨ 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 · cb38a68 · cb38a68
1 parent 3e3d690
commit cb38a68
Showing 1 changed file with 49 additions and 6 deletions.
diff --git a/client/src/app/pages/archetypes/archetypes-page.tsx b/client/src/app/pages/archetypes/archetypes-page.tsx
@@ -43,6 +43,8 @@ import {
   useLocalTableControls,
 } from "@app/hooks/table-controls";
 import {
+  ARCHETYPES_QUERY_KEY,
+  ARCHETYPE_QUERY_KEY,
   useDeleteArchetypeMutation,
   useFetchArchetypes,
 } from "@app/queries/archetypes";
@@ -69,11 +71,14 @@ import {
 } from "@app/rbac";
 import { checkAccess } from "@app/utils/rbac-utils";
 import keycloak from "@app/keycloak";
+import { IconedStatus } from "@app/components/IconedStatus";
+import { useQueryClient } from "@tanstack/react-query";
 
 const Archetypes: React.FC = () => {
   const { t } = useTranslation();
   const history = useHistory();
   const { pushNotification } = React.useContext(NotificationsContext);
+  const queryClient = useQueryClient();
 
   const [openCreateArchetype, setOpenCreateArchetype] =
     useState<boolean>(false);
@@ -143,6 +148,8 @@ const Archetypes: React.FC = () => {
         variant: "danger",
       });
     }
+    queryClient.invalidateQueries([ARCHETYPES_QUERY_KEY]);
+    queryClient.invalidateQueries([ARCHETYPE_QUERY_KEY, archetype.id]);
   };
 
   const onDeleteReviewSuccess = (name: string) => {
@@ -159,13 +166,16 @@ const Archetypes: React.FC = () => {
   );
 
   const discardReview = async (archetype: Archetype) => {
+    if (!archetype.review?.id) {
+      return;
+    }
     try {
-      if (archetype.review?.id) {
-        await deleteReview({
-          id: archetype.review.id,
-          name: archetype.name,
-        });
-      }
+      await deleteReview({
+        id: archetype.review.id,
+        name: archetype.name,
+      });
+      queryClient.invalidateQueries([ARCHETYPES_QUERY_KEY]);
+      queryClient.invalidateQueries([ARCHETYPE_QUERY_KEY, archetype.id]);
     } catch (error) {
       console.error("Error while deleting review:", error);
       pushNotification({
@@ -193,6 +203,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 +392,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 +444,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 ||