Reworked comment moderation filters on the shared filter core

[jonatansberg]

Summary

• moved the comments moderation filter state, field definitions, query translation, and hydration onto the shared filter core introduced in Reworked member filters on a shared filter core #26828
• replaced the inline comments filter wiring with comment-specific field definitions, query helpers, and a dedicated state hook
• added focused tests for comment field definitions, comment query translation, and comment filter state

Why this change

The comments moderation screen was still carrying its own filter wiring after the members rewrite established the shared filter core. This follow-up adopts the same core for comments so both surfaces use the same abstractions for field resolution, codecs, and NQL compilation.

Dependency

• depends on Reworked member filters on a shared filter core #26828
• base PR: Reworked member filters on a shared filter core #26828

What changed

• added comment field definitions and query translation for the current comments moderation filters
• added a comments-specific filter state hook and hydration hook for building runtime field configs
• updated the comments moderation UI to use the new filter state/query path
• kept the comments-specific behavior explicit where the backend contract still requires it, including reported-state handling and exact-date parsing

Test plan

• yarn --cwd apps/posts tsc --noEmit
• yarn --cwd apps/posts lint
• yarn --cwd apps/posts vitest run src/views/filters/filter-query-core.test.ts src/views/filters/filter-ast.test.ts src/views/filters/filter-codecs.test.ts src/views/filters/filter-operator-options.test.ts src/views/filters/filter-normalization.test.ts src/views/filters/filter-types.test.ts src/views/filters/resolve-field.test.ts src/views/comments/comment-fields.test.ts src/views/comments/comment-filter-query.test.ts src/views/comments/use-comment-filter-fields.test.ts src/views/comments/hooks/use-filter-state.test.tsx

[coderabbitai]

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: f61f35c1-655a-4a7b-aed3-7120888ef821

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch ber-3414-comments-filters

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

E2E Tests Failed

To view the Playwright test report locally, run:

REPORT_DIR=$(mktemp -d) && gh run download 23148752181 -n playwright-report -D "$REPORT_DIR" && npx playwright show-report "$REPORT_DIR"

[github-actions]

E2E Tests Failed

To view the Playwright test report locally, run:

REPORT_DIR=$(mktemp -d) && gh run download 23249176988 -n playwright-report -D "$REPORT_DIR" && npx playwright show-report "$REPORT_DIR"

[github-actions]

E2E Tests Failed

To view the Playwright test report locally, run:

REPORT_DIR=$(mktemp -d) && gh run download 23480774642 -n playwright-report -D "$REPORT_DIR" && npx playwright show-report "$REPORT_DIR"