External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(mod queue): show pending approval reasons directly

Browse Source
This commit is contained in:
Tommaso Casaburi
2026-06-03 18:53:11 +07:00
parent 248ee5b0d5
commit be2b774382
38 changed files with 46 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/comment-content/__tests__/comment-content.test.tsx
+2
View File
@@ -443,6 +443,8 @@ describe('CommentContent', () => {
expect(container.textContent).toContain('pending_mod_approval');
expect(container.textContent).toContain('pending-reason:rules violation');
expect(queryMarkdownText()).toEqual(['queued body', 'pending-reason:rules violation']);
const pendingReasonMarkdown = container.querySelectorAll('[data-testid="markdown"]')[1];
expect(pendingReasonMarkdown?.parentElement?.className).toContain('pendingApprovalReason');
const tooltip = container.querySelector('[data-testid="tooltip"]');
expect(tooltip?.getAttribute('title')).toContain('ban:short:music-posting.eth:2024-01-01 12:00:00');
src/components/comment-content/comment-content.tsx
+1 -1
View File
@@ -232,7 +232,7 @@ const CommentContent = ({
<>
<br />
<br />
{renderContent(pendingApprovalReasonMessage)}
<span className={styles.pendingApprovalReason}>{renderContent(pendingApprovalReasonMessage)}</span>
</>
) : null}
</>
src/views/post/post.module.css
+8
View File
@@ -653,6 +653,14 @@
font-weight: 700;
}
.pendingApprovalReason {
color: var(--post-mobile-abbr-text-color);
--post-link-text-color: var(--post-mobile-abbr-text-color);
--post-link-text-color-hover: var(--post-mobile-abbr-text-color);
--post-quotelink-text-color: var(--post-mobile-abbr-text-color);
--post-quotelink-text-color-hover: var(--post-mobile-abbr-text-color);
}
.failedPublishNotice {
display: block;
color: red;