Refactor CloseResourceModal to use state for clearing resource

__tests__/components/editor/actions/CloseResourceModal.test.js

@@ -48,16 +48,14 @@ describe('<CloseResourceModal />', () => {
   })
 
   it('clicking closes closes and invokes closeResource()', async () => {
-    const mockCloseResource = jest.fn()
     const { getByText } = renderWithRedux(
-      <RDFModal closeResource={mockCloseResource}/>,
+      <RDFModal />,
       store,
     )
     fireEvent.click(getByText('Close'))
 
     await wait(() => {
       expect(modalType(store.getState())).toBe(undefined)
     })
-    expect(mockCloseResource).toBeCalled()
   })
 })

__tests__/integration/multipleResources.test.js

@@ -42,7 +42,7 @@ describe('Loading multiple resources', () => {
     await wait(() => expect(queryByText('Abbreviated Title', { selector: 'button' })).not.toBeInTheDocument())
 
     // Close again
-    fireEvent.click(queryAllByText('Close')[0])
+    fireEvent.click(queryAllByText('Close')[3])
 
     // Back to Resource Template page
     expect(await findByText('BIBFRAME Instance')).toBeInTheDocument()

src/components/editor/actions/CloseButton.jsx

@@ -37,7 +37,7 @@ const CloseButton = (props) => {
 
   return (
     <React.Fragment>
-      <CloseResourceModal closeResource={closeResource} />
+      <CloseResourceModal />
       <button type="button"
               className={buttonClasses}
               aria-label="Close"

src/components/editor/actions/CloseResourceModal.jsx

@@ -3,22 +3,24 @@
 import React from 'react'
 import { hideModal } from 'actions/modals'
 import { useDispatch, useSelector } from 'react-redux'
-import PropTypes from 'prop-types'
+import { clearResource } from 'actions/index'
+import { currentResourceKey } from 'selectors/resourceSelectors'
 import ModalWrapper, { useDisplayStyle, useModalCss } from '../../ModalWrapper'
 import { modalType } from 'selectors/modalSelectors'
 
-const CloseResourceModal = (props) => {
+const CloseResourceModal = () => {
   const dispatch = useDispatch()
 
   const show = useSelector((state) => modalType(state) === 'CloseResourceModal')
+  const resourceKey = useSelector((state) => currentResourceKey(state))
 
   const handleClose = (event) => {
     dispatch(hideModal())
     event.preventDefault()
   }
 
   const handleCloseResource = (event) => {
-    props.closeResource()
+    dispatch(clearResource(resourceKey))
     dispatch(hideModal())
     event.preventDefault()
   }
@@ -55,8 +57,4 @@ const CloseResourceModal = (props) => {
   return (<ModalWrapper modal={modal} />)
 }
 
-CloseResourceModal.propTypes = {
-  closeResource: PropTypes.func,
-}
-
 export default CloseResourceModal