🐛 Hide create and kebab when no valid permissions on archetypes page (#…

…1647) Resolves https://issues.redhat.com/browse/MTA-1893 ![image](https://github.com/konveyor/tackle2-ui/assets/11218376/9c5c5069-49c7-4543-a639-130672892c59) Signed-off-by: ibolton336 <[email protected]>
konveyor · Jan 3, 2024 · c01f3a0 · c01f3a0
1 parent b21de21
commit c01f3a0
Showing 1 changed file with 78 additions and 71 deletions.
diff --git a/client/src/app/pages/archetypes/archetypes-page.tsx b/client/src/app/pages/archetypes/archetypes-page.tsx
@@ -307,7 +307,7 @@ const Archetypes: React.FC = () => {
                 <FilterToolbar {...filterToolbarProps} />
                 <ToolbarGroup variant="button-group">
                   <ToolbarItem>
-                    <CreateButton />
+                    {archetypeWriteAccess && <CreateButton />}
                   </ToolbarItem>
                 </ToolbarGroup>
                 <ToolbarItem {...paginationToolbarItemProps}>
@@ -381,76 +381,83 @@ const Archetypes: React.FC = () => {
                           <ArchetypeApplicationsColumn archetype={archetype} />
                         </Td>
                         <Td isActionCell>
-                          <ActionsColumn
-                            items={[
-                              ...(archetypeWriteAccess
-                                ? [
-                                    {
-                                      title: t("actions.duplicate"),
-                                      onClick: () =>
-                                        setArchetypeToDuplicate(archetype),
-                                    },
-                                  ]
-                                : []),
-                              ...(assessmentWriteAccess
-                                ? [
-                                    {
-                                      title: t("actions.assess"),
-                                      onClick: () =>
-                                        assessSelectedArchetype(archetype),
-                                    },
-                                  ]
-                                : []),
-                              ...(reviewsWriteAccess
-                                ? [
-                                    {
-                                      title: t("actions.review"),
-                                      onClick: () =>
-                                        reviewSelectedArchetype(archetype),
-                                    },
-                                  ]
-                                : []),
-                              ...(archetypeWriteAccess
-                                ? [
-                                    {
-                                      title: t("actions.edit"),
-                                      onClick: () =>
-                                        setArchetypeToEdit(archetype),
-                                    },
-                                  ]
-                                : []),
-                              ...(archetype?.assessments?.length &&
-                              assessmentWriteAccess
-                                ? [
-                                    {
-                                      title: t("actions.discardAssessment"),
-                                      onClick: () =>
-                                        setAssessmentToDiscard(archetype),
-                                    },
-                                  ]
-                                : []),
-                              ...(archetype?.review && reviewsWriteAccess
-                                ? [
-                                    {
-                                      title: t("actions.discardReview"),
-                                      onClick: () =>
-                                        setReviewToDiscard(archetype),
-                                    },
-                                  ]
-                                : []),
-                              { isSeparator: true },
-                              ...(archetypeWriteAccess
-                                ? [
-                                    {
-                                      title: t("actions.delete"),
-                                      onClick: () =>
-                                        setArchetypeToDelete(archetype),
-                                      isDanger: true,
-                                    },
-                                  ]
-                                : []),
-                            ]}
-                          />
+                          {(archetypeWriteAccess ||
+                            assessmentWriteAccess ||
+                            reviewsWriteAccess ||
+                            (archetype?.assessments?.length &&
+                              assessmentWriteAccess) ||
+                            (archetype?.review && reviewsWriteAccess)) && (
+                            <ActionsColumn
+                              items={[
+                                ...(archetypeWriteAccess
+                                  ? [
+                                      {
+                                        title: t("actions.duplicate"),
+                                        onClick: () =>
+                                          setArchetypeToDuplicate(archetype),
+                                      },
+                                    ]
+                                  : []),
+                                ...(assessmentWriteAccess
+                                  ? [
+                                      {
+                                        title: t("actions.assess"),
+                                        onClick: () =>
+                                          assessSelectedArchetype(archetype),
+                                      },
+                                    ]
+                                  : []),
+                                ...(reviewsWriteAccess
+                                  ? [
+                                      {
+                                        title: t("actions.review"),
+                                        onClick: () =>
+                                          reviewSelectedArchetype(archetype),
+                                      },
+                                    ]
+                                  : []),
+                                ...(archetypeWriteAccess
+                                  ? [
+                                      {
+                                        title: t("actions.edit"),
+                                        onClick: () =>
+                                          setArchetypeToEdit(archetype),
+                                      },
+                                    ]
+                                  : []),
+                                ...(archetype?.assessments?.length &&
+                                assessmentWriteAccess
+                                  ? [
+                                      {
+                                        title: t("actions.discardAssessment"),
+                                        onClick: () =>
+                                          setAssessmentToDiscard(archetype),
+                                      },
+                                    ]
+                                  : []),
+                                ...(archetype?.review && reviewsWriteAccess
+                                  ? [
+                                      {
+                                        title: t("actions.discardReview"),
+                                        onClick: () =>
+                                          setReviewToDiscard(archetype),
+                                      },
+                                    ]
+                                  : []),
+                                { isSeparator: true },
+                                ...(archetypeWriteAccess
+                                  ? [
+                                      {
+                                        title: t("actions.delete"),
+                                        onClick: () =>
+                                          setArchetypeToDelete(archetype),
+                                        isDanger: true,
+                                      },
+                                    ]
+                                  : []),
+                              ]}
+                            />
+                          )}
                         </Td>
                       </TableRowContentWithControls>
                     </Tr>