fix: add prop to protected component to show update action (#8307)

opencrvs · Jan 9, 2025 · 6d3b7ac · 6d3b7ac
1 parent a533093
commit 6d3b7ac
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/packages/client/src/components/ProtectedComponent.tsx b/packages/client/src/components/ProtectedComponent.tsx
@@ -15,19 +15,23 @@ import { Scope } from '@opencrvs/commons/client'
 interface ScopeComponentProps {
   scopes?: Scope[]
   denyScopes?: Scope[]
+  conditional?: boolean
   children: React.ReactNode
 }
 
 const ProtectedComponent: React.FC<ScopeComponentProps> = ({
   scopes,
   denyScopes,
-  children
+  children,
+  conditional
 }) => {
   const { hasAnyScope } = usePermissions()
   const hasRequiredScope = !scopes || hasAnyScope(scopes)
   const hasDeniedScope = denyScopes && hasAnyScope(denyScopes)
 
-  return hasRequiredScope && !hasDeniedScope ? <>{children}</> : null
+  return (hasRequiredScope && !hasDeniedScope) || conditional ? (
+    <>{children}</>
+  ) : null
 }
 
 export default ProtectedComponent
diff --git a/packages/client/src/views/RecordAudit/ActionMenu.tsx b/packages/client/src/views/RecordAudit/ActionMenu.tsx
@@ -169,7 +169,10 @@ export const ActionMenu: React.FC<{
               isActionable={isActionable}
             />
           </ProtectedComponent>
-          <ProtectedComponent scopes={RECORD_ALLOWED_SCOPES.UPDATE}>
+          <ProtectedComponent
+            scopes={RECORD_ALLOWED_SCOPES.UPDATE}
+            conditional={isDraft}
+          >
             <UpdateAction
               declarationId={id}
               declarationStatus={status}