fix: Updated Edit Probe button to RBACButton (#4710)

* fix: Updated Edit Probe button to RBACButton Signed-off-by: Hrishav <[email protected]> * fix: Updated dockerfile Signed-off-by: Hrishav <[email protected]> --------- Signed-off-by: Hrishav <[email protected]>
litmuschaos · Jun 14, 2024 · 12082b3 · 12082b3
1 parent 50bdd64
commit 12082b3
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/chaoscenter/web/Dockerfile b/chaoscenter/web/Dockerfile
@@ -1,6 +1,7 @@
 FROM registry.access.redhat.com/ubi8/ubi-minimal:8.8
 RUN microdnf module enable nginx:1.20
 RUN microdnf install nginx
+RUN microdnf update --refresh --best --noplugins --setopt=install_weak_deps=0
 
 COPY dist /opt/chaos
 COPY nginx/nginx.conf /etc/nginx/

diff --git a/chaoscenter/web/src/views/ChaosProbe/ChaosProbeHeader.tsx b/chaoscenter/web/src/views/ChaosProbe/ChaosProbeHeader.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button, ButtonVariation, Container, Heading, Layout, Text } from '@harnessio/uicore';
+import { ButtonVariation, Container, Heading, Layout, Text, useToggleOpen } from '@harnessio/uicore';
 import { Color, FontVariation } from '@harnessio/design-system';
 import { Icon } from '@harnessio/icons';
 import type { DefaultLayoutTemplateProps } from '@components/DefaultLayout/DefaultLayout';
@@ -11,6 +11,8 @@ import MainNav from '@components/MainNav';
 import SideNav from '@components/SideNav';
 import { UpdateProbeModal } from '@views/ChaosProbes/UpdateProbeModal';
 import { RefetchGetProbes } from '@controllers/ChaosProbe/types';
+import RbacButton from '@components/RbacButton';
+import { PermissionGroup } from '@models';
 import css from './ChaosProbe.module.scss';
 
 interface ChaosProbeHeaderProps extends DefaultLayoutTemplateProps {
@@ -53,7 +55,7 @@ export default function ChaosProbeHeader({
  refetchProbes
 }: React.PropsWithChildren<ChaosProbeHeaderProps>): React.ReactElement {
  const { getString } = useStrings();
- const [isEditProbeOpen, setEditProbeOpen] = React.useState<boolean>(false);
+ const { isOpen: isEditProbeOpen, open: setEditProbeOpen, close: setEditProbeClose } = useToggleOpen();
 
  return (
  <Layout.Horizontal>
@@ -95,19 +97,20 @@ export default function ChaosProbeHeader({
  {/* Details of creation, updation and editing */}
  <Layout.Horizontal spacing={'medium'}>
  <HeaderToolbar createdAt={createdAt} updatedAt={updatedAt} />
- <Button
+ <RbacButton
  text={getString('editProbe')}
  variation={ButtonVariation.SECONDARY}
  icon="Edit"
- onClick={() => setEditProbeOpen(true)}
+ permission={PermissionGroup.EDITOR}
+ onClick={setEditProbeOpen}
  />
  </Layout.Horizontal>
  </Layout.Horizontal>
  </Container>
  <UpdateProbeModal
  refetchProbes={refetchProbes}
  isOpen={isEditProbeOpen}
- hideDarkModal={() => setEditProbeOpen(false)}
+ hideDarkModal={setEditProbeClose}
  probeName={probeData.name}
  infrastructureType={probeData.infrastructureType}
  />