diff --git a/src/components/bbcode-editor-toolbar/bbcode-editor-toolbar.module.css b/src/components/bbcode-editor-toolbar/bbcode-editor-toolbar.module.css index 6aac83fb..75fbcda5 100644 --- a/src/components/bbcode-editor-toolbar/bbcode-editor-toolbar.module.css +++ b/src/components/bbcode-editor-toolbar/bbcode-editor-toolbar.module.css @@ -61,5 +61,6 @@ padding: 3px 4px; border: 1px inset; background: var(--post-form-field-input-background-color, revert); + font-weight: normal; overflow-wrap: anywhere; } diff --git a/src/components/post-form/__tests__/post-form.test.tsx b/src/components/post-form/__tests__/post-form.test.tsx index 79606eaa..e1399981 100644 --- a/src/components/post-form/__tests__/post-form.test.tsx +++ b/src/components/post-form/__tests__/post-form.test.tsx @@ -766,9 +766,14 @@ describe('PostForm', () => { expect(linkButton).toBeTruthy(); expect(sizeSelect).toBeTruthy(); expect(table?.querySelector('select[aria-label="Text color"]')).toBeNull(); - expect(rows.some((row) => row.querySelector('td')?.textContent === 'mods only')).toBe(true); + expect(rows.some((row) => row.querySelector('td')?.textContent === 'format')).toBe(true); expect(rows.some((row) => row.querySelector('td')?.textContent === 'comment')).toBe(true); + expect(container.textContent).toContain('warning: posting as moderator'); + const moderatorWarning = Array.from(container.querySelectorAll('div')).find((element) => element.textContent === 'warning: posting as moderator'); + expect(moderatorWarning?.className).toContain('error'); + expect(moderatorWarning?.className).toContain('formError'); expect(table?.textContent).not.toContain('Mod editor'); + expect(table?.textContent).not.toContain('mods only'); expect(table?.querySelector('button[aria-label="Quote"]')).toBeNull(); await dispatchInput(textarea as HTMLTextAreaElement, 'hello world'); @@ -822,6 +827,7 @@ describe('PostForm', () => { expect(container.querySelector('button[aria-label="Bold"]')).toBeNull(); expect(container.textContent).not.toContain('mods only'); + expect(container.textContent).not.toContain('warning: posting as moderator'); }); it('shows the pasted file-link filename next to the upload button', async () => { diff --git a/src/components/post-form/post-form.tsx b/src/components/post-form/post-form.tsx index a78b1e48..b444b796 100644 --- a/src/components/post-form/post-form.tsx +++ b/src/components/post-form/post-form.tsx @@ -261,7 +261,7 @@ const PostFormFields = ({ )} {showBbcodeToolbar ? ( - mods only + format void; postCid: /> + {showBbcodeToolbar ?
warning: posting as moderator
: null} {formError &&
{formError}
} {publishPostError &&
{publishPostError}
} {publishReplyError &&
{publishReplyError}
} diff --git a/src/components/reply-modal/__tests__/reply-modal.test.tsx b/src/components/reply-modal/__tests__/reply-modal.test.tsx index 02807466..822957cc 100644 --- a/src/components/reply-modal/__tests__/reply-modal.test.tsx +++ b/src/components/reply-modal/__tests__/reply-modal.test.tsx @@ -637,6 +637,9 @@ describe('ReplyModal', () => { expect(container.querySelector('select[aria-label="Text color"]')).toBeNull(); expect(container.textContent).not.toContain('mods only'); expect(container.textContent).not.toContain('Mod editor'); + expect(container.textContent).toContain('warning: posting as moderator'); + const moderatorWarning = Array.from(container.querySelectorAll('div')).find((element) => element.textContent === 'warning: posting as moderator'); + expect(moderatorWarning?.className).toContain('error'); expect(container.querySelector('button[aria-label="Quote"]')).toBeNull(); const selectionStart = textarea?.value.indexOf('selected text') ?? 0; @@ -653,6 +656,7 @@ describe('ReplyModal', () => { expect(container.querySelector('button[aria-label="Red text"]')).toBeNull(); expect(container.textContent).not.toContain('mods only'); + expect(container.textContent).not.toContain('warning: posting as moderator'); }); it('updates account state, applies upload completions, and closes once publishing succeeds', async () => { diff --git a/src/components/reply-modal/reply-modal.tsx b/src/components/reply-modal/reply-modal.tsx index 03ee468b..a0ac9eaf 100644 --- a/src/components/reply-modal/reply-modal.tsx +++ b/src/components/reply-modal/reply-modal.tsx @@ -542,6 +542,7 @@ const ReplyModal = ({ closeModal, showReplyModal, parentCid, parentNumber, threa {t('post')} + {showBbcodeToolbar ?
warning: posting as moderator
: null} {lengthError ? (
{lengthError}
) : error ? (