fix(web): improve community image preview and thumbnail consistency

[manNomi]

Summary

• show selected upload image preview at the bottom of community create form
• show selected upload image preview at the bottom of community modify form
• normalize community list thumbnail rendering with fixed square container and object-cover

Validation

• pnpm --filter @solid-connect/web exec biome check src/app/community/[boardCode]/create/PostForm.tsx src/app/community/[boardCode]/[postId]/modify/PostModifyForm.tsx src/app/community/[boardCode]/PostCards.tsx
• pnpm --filter @solid-connect/web run typecheck
• pre-push hook: pnpm --filter @solid-connect/web run ci:check
• pre-push hook: pnpm --filter @solid-connect/web run build

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
solid-connection-web	Ready	Preview, Comment	Mar 14, 2026 10:20am

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
solid-connect-web-admin	Skipped		Mar 14, 2026 10:20am

[coderabbitai]

Warning

Rate limit exceeded

@manNomi has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 25 minutes and 9 seconds before requesting another review.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 11fb15e5-8f2d-4d05-8ef5-f42a1e9052ce

📥 Commits

Reviewing files that changed from the base of the PR and between 527556c and 152970c.

📒 Files selected for processing (3)

• apps/web/src/app/community/[boardCode]/PostCards.tsx
• apps/web/src/app/community/[boardCode]/[postId]/modify/PostModifyForm.tsx
• apps/web/src/app/community/[boardCode]/create/PostForm.tsx

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch codex/community-thumbnail-fix

📝 Coding Plan

• Generate coding plan for human review comments

---

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.}

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 152970cb96

ℹ️ About Codex in GitHub

Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".

[chatgpt-codex-connector]

Preserve multi-image uploads in community post forms

This change silently removes multi-image upload support by taking only files?.[0] and no longer using a multi-file input, so users who select multiple images now upload just one without warning; the same regression appears in both create and modify forms (apps/web/src/app/community/[boardCode]/create/PostForm.tsx and .../[postId]/modify/PostModifyForm.tsx). That is a functional downgrade because post detail rendering still supports multiple images (PostImage branches on images.length and maps all images in apps/web/src/app/community/[boardCode]/[postId]/Content.tsx).

Useful? React with 👍 / 👎.