revert document types
This commit is contained in:
@@ -1,11 +1,9 @@
|
||||
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
||||
import TagsPanel from '../tags/TagsPanel';
|
||||
import CorrespondentsPanel from '../correspondents/CorrespondentsPanel';
|
||||
import DocumentTypesPanel from '../documentTypes/DocumentTypesPanel';
|
||||
|
||||
const TAGS_MODAL = 'tags';
|
||||
const CORRESPONDENTS_MODAL = 'correspondents';
|
||||
const DOCUMENT_TYPES_MODAL = 'document-types';
|
||||
|
||||
export const useManagementModals = ({
|
||||
locationPathname,
|
||||
@@ -19,11 +17,6 @@ export const useManagementModals = ({
|
||||
onCorrespondentCreate,
|
||||
onCorrespondentUpdate,
|
||||
onCorrespondentDelete,
|
||||
documentTypes,
|
||||
refreshDocumentTypes,
|
||||
onDocumentTypeCreate,
|
||||
onDocumentTypeUpdate,
|
||||
onDocumentTypeDelete,
|
||||
setStatusMessage,
|
||||
}) => {
|
||||
const [activeModal, setActiveModal] = useState(null);
|
||||
@@ -33,10 +26,6 @@ export const useManagementModals = ({
|
||||
() => setActiveModal(CORRESPONDENTS_MODAL),
|
||||
[],
|
||||
);
|
||||
const openDocumentTypesModal = useCallback(
|
||||
() => setActiveModal(DOCUMENT_TYPES_MODAL),
|
||||
[],
|
||||
);
|
||||
const closeActiveModal = useCallback(() => setActiveModal(null), []);
|
||||
|
||||
useEffect(() => {
|
||||
@@ -151,58 +140,10 @@ export const useManagementModals = ({
|
||||
setStatusMessage,
|
||||
]);
|
||||
|
||||
const documentTypesModal = useMemo(() => {
|
||||
if (activeModal !== DOCUMENT_TYPES_MODAL) {
|
||||
return null;
|
||||
}
|
||||
return (
|
||||
<div
|
||||
className="modal-backdrop"
|
||||
role="presentation"
|
||||
onClick={closeActiveModal}
|
||||
>
|
||||
<div
|
||||
className="modal modal--panel"
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
aria-labelledby="document-types-modal-title"
|
||||
onClick={(event) => event.stopPropagation()}
|
||||
>
|
||||
<div className="panel-modal__header">
|
||||
<h3 id="document-types-modal-title">Manage Document Types</h3>
|
||||
<button type="button" className="secondary" onClick={closeActiveModal}>
|
||||
Close
|
||||
</button>
|
||||
</div>
|
||||
<div className="panel-modal__body">
|
||||
<DocumentTypesPanel
|
||||
documentTypes={documentTypes}
|
||||
onRefresh={refreshDocumentTypes}
|
||||
onCreate={onDocumentTypeCreate}
|
||||
onUpdate={onDocumentTypeUpdate}
|
||||
onDelete={onDocumentTypeDelete}
|
||||
onNotify={setStatusMessage}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}, [
|
||||
activeModal,
|
||||
closeActiveModal,
|
||||
documentTypes,
|
||||
onDocumentTypeCreate,
|
||||
onDocumentTypeDelete,
|
||||
onDocumentTypeUpdate,
|
||||
refreshDocumentTypes,
|
||||
setStatusMessage,
|
||||
]);
|
||||
|
||||
const managementModals = (
|
||||
<>
|
||||
{tagModal}
|
||||
{correspondentsModal}
|
||||
{documentTypesModal}
|
||||
</>
|
||||
);
|
||||
|
||||
@@ -210,7 +151,6 @@ export const useManagementModals = ({
|
||||
managementModals,
|
||||
openTagsModal,
|
||||
openCorrespondentsModal,
|
||||
openDocumentTypesModal,
|
||||
closeActiveModal,
|
||||
activeModal,
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user