From 739a019d6125f3705e2099b59b161af44db512b4 Mon Sep 17 00:00:00 2001
From: Jay Hodgson <jay.hodgson@sagebase.org>
Date: Fri, 27 Oct 2023 14:22:51 -0700
Subject: [PATCH] PORTALS-2837: Add Close button to Access Requirement List
 when rendered as a modal

---
 .../AccessRequirementList.tsx                     | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/synapse-react-client/src/components/AccessRequirementList/AccessRequirementList.tsx b/packages/synapse-react-client/src/components/AccessRequirementList/AccessRequirementList.tsx
index 6dfe6e42f8..bdaa8d3e20 100644
--- a/packages/synapse-react-client/src/components/AccessRequirementList/AccessRequirementList.tsx
+++ b/packages/synapse-react-client/src/components/AccessRequirementList/AccessRequirementList.tsx
@@ -18,6 +18,7 @@ import DataAccessRequestAccessorsFilesForm from './ManagedACTAccessRequirementRe
 import RequestDataAccessSuccess from './ManagedACTAccessRequirementRequestFlow/RequestDataAccessSuccess'
 import {
   Box,
+  Button,
   Dialog,
   DialogContent,
   DialogTitle,
@@ -41,6 +42,7 @@ import TwoFactorAuthEnabledRequirement from './RequirementItem/TwoFactorAuthEnab
 import { AccessRequirementListItem } from './AccessRequirementListItem'
 import { useSynapseContext } from '../../utils/context/SynapseContext'
 import { useCanShowManagedACTWikiInWizard } from './AccessRequirementListUtils'
+import { DialogActions } from '@mui/material'
 
 export type AccessRequirementListProps = {
   entityId: string // will show this entity info
@@ -369,10 +371,17 @@ export default function AccessRequirementList(
         renderContent = <RequestDataAccessSuccess onHide={onHide} />
         break
       case RequestDataStep.SHOW_ALL_ARS:
-        renderContent = content
-        break
       default:
-        renderContent = content
+        renderContent = (
+          <>
+            {content}
+            <DialogActions>
+              <Button variant="contained" onClick={onHide}>
+                Close
+              </Button>
+            </DialogActions>
+          </>
+        )
     }
     return (
       <Dialog maxWidth={dialogWidth} fullWidth open={true} onClose={onHide}>