buttons
This commit is contained in:
@@ -3,6 +3,7 @@ import type { ReactNode } from 'react';
|
|||||||
import TagsPanel from '../tags/TagsPanel';
|
import TagsPanel from '../tags/TagsPanel';
|
||||||
import CorrespondentsPanel, { CorrespondentsPanelProps } from '../correspondents/CorrespondentsPanel';
|
import CorrespondentsPanel, { CorrespondentsPanelProps } from '../correspondents/CorrespondentsPanel';
|
||||||
import PanelHeader from '../ui/PanelHeader';
|
import PanelHeader from '../ui/PanelHeader';
|
||||||
|
import { CloseIcon } from '../ui/icons';
|
||||||
|
|
||||||
const TAGS_MODAL = 'tags';
|
const TAGS_MODAL = 'tags';
|
||||||
const CORRESPONDENTS_MODAL = 'correspondents';
|
const CORRESPONDENTS_MODAL = 'correspondents';
|
||||||
@@ -106,8 +107,8 @@ export const useManagementModals = ({
|
|||||||
titleTag="h3"
|
titleTag="h3"
|
||||||
titleProps={{ id: 'tags-modal-title' }}
|
titleProps={{ id: 'tags-modal-title' }}
|
||||||
actions={(
|
actions={(
|
||||||
<button type="button" className="secondary" onClick={closeActiveModal}>
|
<button type="button" className="icon-button" onClick={closeActiveModal} aria-label="Close">
|
||||||
Close
|
<CloseIcon size={16} />
|
||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
@@ -188,8 +189,8 @@ export const useManagementModals = ({
|
|||||||
titleTag="h3"
|
titleTag="h3"
|
||||||
titleProps={{ id: 'correspondents-modal-title' }}
|
titleProps={{ id: 'correspondents-modal-title' }}
|
||||||
actions={(
|
actions={(
|
||||||
<button type="button" className="secondary" onClick={closeActiveModal}>
|
<button type="button" className="icon-button" onClick={closeActiveModal} aria-label="Close">
|
||||||
Close
|
<CloseIcon size={16} />
|
||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -6,6 +6,7 @@ import React, {
|
|||||||
useState,
|
useState,
|
||||||
} from 'react';
|
} from 'react';
|
||||||
import PanelHeader from '../ui/PanelHeader';
|
import PanelHeader from '../ui/PanelHeader';
|
||||||
|
import { CloseIcon } from '../ui/icons';
|
||||||
import { DEFAULT_SETTINGS_SECTIONS } from './sections';
|
import { DEFAULT_SETTINGS_SECTIONS } from './sections';
|
||||||
|
|
||||||
export interface SettingsSectionConfig {
|
export interface SettingsSectionConfig {
|
||||||
@@ -91,8 +92,8 @@ const SettingsModal: React.FC<SettingsModalProps> = ({
|
|||||||
titleTag="h3"
|
titleTag="h3"
|
||||||
titleProps={{ id: 'settings-modal-title' }}
|
titleProps={{ id: 'settings-modal-title' }}
|
||||||
actions={(
|
actions={(
|
||||||
<button type="button" className="secondary" onClick={onClose}>
|
<button type="button" className="icon-button" onClick={onClose} aria-label="Close">
|
||||||
Close
|
<CloseIcon size={16} />
|
||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user