Freegle / Iznik / 24449

72%

Build Type

push

circleci

Committed by edwh

Commit Message

feat(browse): show a "Pinned" label on pinned posts

Pinned posts (paid bulk-offer clearances the server floats to the top of the
feed) had no visible indicator - they just appeared first with no reason given.
Add a small gold "Pinned" badge with a thumbtack icon to the post card.

Like `distance`, `pinned` is a feed-only flag (gorm:"-", set by markPinned from
the messages_pinned table) that isn't on the full message record the card
fetches. So it's looked up by id from the nearby store:

  - stores/nearby.js: new `pinnedIds` getter (Set of pinned message ids).
  - useMessageDisplay.js: new `isPinned` computed, read back by id; false off
    the feed (search, My Posts ...).
  - MessageSummary.vue: a corner badge on the photo, so it shows in every layout
    (mobile portrait, tablet/desktop, mobile-landscape) from one bit of markup.
  - vue-awesome.js: register faThumbtack.

Design: solid gold reads as "featured" and stays distinct from the green OFFER /
blue WANTED tags; top-left corner clears the multi-photo count (top-right) and
the OFFER tag / distance-time (bottom). Deliberately uses only background /
box-shadow / text-shadow (no filters or transforms) so it renders identically
with GPU acceleration disabled - verified in WSL Chrome (software rendering,
no WebGL context) at desktop and mobile widths against real photos.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01AsgvoSgfeUwBMBbxKJHSNy

Coverage Stats

12186 of 16110 branches covered (75.64%)

Branch coverage included in aggregate %.

27 of 27 new or added lines in 3 files covered. (100.0%)

1 existing line in 1 file now uncovered.

129986 of 182393 relevant lines covered (71.27%)

37.95 hits per line