Put the group description under the review-card sections and tint the card from the logo #83

Merged
an.di merged 4 commits from adilallo/fix/CR-218-review-preview-card into main 2026-09-29 21:17:26 +00:00
Member

Overview

The review preview card showed the group description in the middle of the card and always used the same teal fill. This matches the review layout: description at the bottom, and a background taken from the uploaded logo—or a random light color when there is no image.

Changes

  • Expanded Rule cards can pin the description under the category rows, with the divider above it.
  • Review preview reads the uploaded community photo when there is one, and uses that image’s most common color (lifted to a light tint if the logo is dark so black type stays readable).
  • With no photo, the card picks a random light color once, stores it on the draft, and reuses it on reload.
  • The saved fill is applied before paint so reload does not flash the teal placeholder.

Screenshots

How to Test

  1. Run the app and open /create/final-review with a named community and a group description.
  2. Confirm the description sits under Conflict management, with a line above it.
  3. With no community photo: note the card color, reload, and confirm it stays the same and does not flash teal first.
  4. Upload a community photo, return to review, and confirm the card fill follows the logo’s main color.

Notes

  • The fallback color is a draft field. While you are working it lives in the browser draft; it is included in the saved draft payload as well.
  • Logo fills are derived from the image on the review step, not stored as a separate color.
## Overview The review preview card showed the group description in the middle of the card and always used the same teal fill. This matches the review layout: description at the bottom, and a background taken from the uploaded logo—or a random light color when there is no image. ## Changes - Expanded Rule cards can pin the description under the category rows, with the divider above it. - Review preview reads the uploaded community photo when there is one, and uses that image’s most common color (lifted to a light tint if the logo is dark so black type stays readable). - With no photo, the card picks a random light color once, stores it on the draft, and reuses it on reload. - The saved fill is applied before paint so reload does not flash the teal placeholder. ## Screenshots <!-- Paste a review-step screenshot if you have one --> ## How to Test 1. Run the app and open `/create/final-review` with a named community and a group description. 2. Confirm the description sits under Conflict management, with a line above it. 3. With no community photo: note the card color, reload, and confirm it stays the same and does not flash teal first. 4. Upload a community photo, return to review, and confirm the card fill follows the logo’s main color. ## Notes - The fallback color is a draft field. While you are working it lives in the browser draft; it is included in the saved draft payload as well. - Logo fills are derived from the image on the review step, not stored as a separate color.
an.di self-assigned this 2026-09-29 21:17:15 +00:00
an.di added 4 commits 2026-09-29 21:17:16 +00:00
an.di merged commit 9c5cbf3bcd into main 2026-09-29 21:17:26 +00:00
an.di deleted branch adilallo/fix/CR-218-review-preview-card 2026-09-29 21:17:26 +00:00
Sign in to join this conversation.
No Reviewers
No labels
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: CommunityRule/community-rule#83