fix: only show events link if editing

Unleash · Feb 27, 2024 · c52a0d2 · c52a0d2
1 parent c891e01
commit c52a0d2
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/frontend/src/component/incomingWebhooks/IncomingWebhooksModal/IncomingWebhooksModal.tsx b/frontend/src/component/incomingWebhooks/IncomingWebhooksModal/IncomingWebhooksModal.tsx
@@ -17,6 +17,7 @@ import {
     TokenGeneration,
     useIncomingWebhooksForm,
 } from './IncomingWebhooksForm/useIncomingWebhooksForm';
+import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
 
 const StyledHeader = styled('div')(({ theme }) => ({
     display: 'flex',
@@ -158,7 +159,10 @@ export const IncomingWebhooksModal = ({
             >
                 <StyledHeader>
                     <StyledTitle>{title}</StyledTitle>
-                    <Link onClick={onOpenEvents}>View events</Link>
+                    <ConditionallyRender
+                        condition={editing}
+                        show={<Link onClick={onOpenEvents}>View events</Link>}
+                    />
                 </StyledHeader>
                 <StyledForm onSubmit={onSubmit}>
                     <IncomingWebhooksForm

diff --git a/...ctSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsModal.tsx b/...ctSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsModal.tsx
@@ -14,6 +14,7 @@ import {
 import { ProjectActionsForm } from './ProjectActionsForm/ProjectActionsForm';
 import { useProjectActionsForm } from './ProjectActionsForm/useProjectActionsForm';
 import { useRequiredPathParam } from 'hooks/useRequiredPathParam';
+import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
 
 const StyledHeader = styled('div')(({ theme }) => ({
     display: 'flex',
@@ -163,7 +164,10 @@ export const ProjectActionsModal = ({
             >
                 <StyledHeader>
                     <StyledTitle>{title}</StyledTitle>
-                    <Link onClick={onOpenEvents}>View events</Link>
+                    <ConditionallyRender
+                        condition={editing}
+                        show={<Link onClick={onOpenEvents}>View events</Link>}
+                    />
                 </StyledHeader>
                 <StyledForm onSubmit={onSubmit}>
                     <ProjectActionsForm