nils/papercrate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modalheader

Browse Source
This commit is contained in:
nils
2025-10-31 13:19:39 +01:00
parent 321b0d84ae
commit 3af656b09f
3 changed files with 36 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app/useManagementModals.js
+23 -12
View File
@@ -1,6 +1,7 @@
import React, { useCallback, useEffect, useMemo, useState } from 'react';
import TagsPanel from '../tags/TagsPanel';
import CorrespondentsPanel from '../correspondents/CorrespondentsPanel';
import PanelHeader from '../ui/PanelHeader';
const TAGS_MODAL = 'tags';
const CORRESPONDENTS_MODAL = 'correspondents';
@@ -63,12 +64,17 @@ export const useManagementModals = ({
aria-labelledby="tags-modal-title"
onClick={(event) => event.stopPropagation()}
>
<div className="panel-modal__header">
<h3 id="tags-modal-title">Manage Tags</h3>
<button type="button" className="secondary" onClick={closeActiveModal}>
Close
</button>
</div>
<PanelHeader
className="panel-modal__header"
title="Manage Tags"
titleTag="h3"
titleProps={{ id: 'tags-modal-title' }}
actions={(
<button type="button" className="secondary" onClick={closeActiveModal}>
Close
</button>
)}
/>
<div className="panel-modal__body">
<TagsPanel
tags={tags}
@@ -110,12 +116,17 @@ export const useManagementModals = ({
aria-labelledby="correspondents-modal-title"
onClick={(event) => event.stopPropagation()}
>
<div className="panel-modal__header">
<h3 id="correspondents-modal-title">Manage Correspondents</h3>
<button type="button" className="secondary" onClick={closeActiveModal}>
Close
</button>
</div>
<PanelHeader
className="panel-modal__header"
title="Manage Correspondents"
titleTag="h3"
titleProps={{ id: 'correspondents-modal-title' }}
actions={(
<button type="button" className="secondary" onClick={closeActiveModal}>
Close
</button>
)}
/>
<div className="panel-modal__body">
<CorrespondentsPanel
correspondents={correspondents}