merge: show specific role in moderation posting warning

src/components/post-form/__tests__/post-form.test.tsx

@@ -1052,6 +1052,24 @@ describe('PostForm', () => {
     expect(container.textContent).not.toContain('warning: posting as moderator');
   });
 
+  it('uses the 5chan dev label for known developer moderator posts', async () => {
+    testState.account = {
+      author: { address: 'plebeius.bso', displayName: 'Tom' },
+      subscriptions: ['music-posting.eth'],
+    };
+    testState.resolvedCommunityAddress = 'music-posting.eth';
+    testState.rolesByCommunity = {
+      'music-posting.eth': {
+        'plebeius.bso': { role: 'owner' },
+      },
+    };
+
+    await renderPostForm('/mu');
+    await clickByText(container, 'start_new_thread');
+
+    expect(container.textContent).toContain('warning: posting as 5chan dev');
+  });
+
   it('shows the pasted file-link filename next to the upload button', async () => {
     testState.uploadedFileName = null;
 

src/components/post-form/post-form.tsx

@@ -21,6 +21,7 @@ import {
 } from '../../lib/utils/post-options-utils';
 import { truncateWithEllipsisInMiddle } from '../../lib/utils/string-utils';
 import { getPublishURLFilename, isValidPublishURL, isValidURL } from '../../lib/utils/url-utils';
+import { getModerationPostingRoleLabel } from '../../lib/utils/author-display-utils';
 import { hasModQueueAccessRole } from '../../lib/utils/mod-access';
 import { getBoardPath } from '../../lib/utils/route-utils';
 import { isAllView, isCatalogView, isModQueueView, isModView, isPostPageView, isSubscriptionsView } from '../../lib/utils/view-utils';
@@ -536,6 +537,8 @@ const PostFormTable = ({ closeForm, postCid }: { closeForm: () => void; postCid:
   const roles = useCommunityField(effectiveBoardAddress, (community) => community?.roles);
   const accountRole = accountAddress ? roles?.[accountAddress]?.role : undefined;
   const showBbcodeToolbar = hasModQueueAccessRole(accountRole) || (!effectiveBoardAddress && isInModView && accountCommunityAddresses.length > 0);
+  const moderationPostingRoleLabel = getModerationPostingRoleLabel({ address: accountAddress, role: accountRole });
+  const moderationPostingWarning = showBbcodeToolbar && moderationPostingRoleLabel ? `warning: posting as ${moderationPostingRoleLabel}` : undefined;
 
   const [lengthError, setLengthError] = useState<string | null>(null);
   const [formError, setFormError] = useState<string | PostOptionsValidationError | null>(null);
@@ -877,7 +880,7 @@ const PostFormTable = ({ closeForm, postCid }: { closeForm: () => void; postCid:
           />
         </tbody>
       </table>
-      {showBbcodeToolbar ? <div className={`${styles.error} ${styles.formError}`}>warning: posting as moderator</div> : null}
+      {moderationPostingWarning ? <div className={`${styles.error} ${styles.formError}`}>{moderationPostingWarning}</div> : null}
       {formError ? (
         <div className={`${styles.error} ${styles.formError}`}>
           {isPostOptionsValidationError(formError) ? <PostOptionsErrorMessage error={formError} directories={directories} /> : formError}