Skip to content

feat: Quest featured image with save button UX#28

Open
cgbarlow wants to merge 1 commit intomainfrom
feature/quest-featured-image
Open

feat: Quest featured image with save button UX#28
cgbarlow wants to merge 1 commit intomainfrom
feature/quest-featured-image

Conversation

@cgbarlow
Copy link
Owner

@cgbarlow cgbarlow commented Feb 8, 2026

Summary

  • Add featured image capability to quests (displays in quest detail view)
  • GMs can upload/change featured images on quest edit screen
  • Save button UX improvements: duplicate to top, ghosted when clean, green when dirty

Changes

  • Database: Add featured_image_url column to quests table
  • Storage: Uses featured-images/{questId}/ path in avatars bucket
  • GM Edit Form: Featured image upload (16:9 aspect ratio), improved save buttons
  • GM Create Form: Placeholder message for featured image
  • Quest Detail: Display featured image below Description, above Narrative Context

Test plan

  • Go to GM quest edit page
  • Verify save buttons are ghosted/disabled when no changes
  • Make a change - verify save buttons turn green
  • Upload featured image - verify preview shows
  • Save and view quest detail - verify image shows below Description
  • Create new quest - verify placeholder message for featured image
  • Run npm run build - passes

- Add featured_image_url column to quests table (migration 142)
- Add uploadQuestFeaturedImage and removeQuestFeaturedImage server actions
- Add featured image upload to GM quest edit form
- Add placeholder for featured image in GM quest create form
- Display featured image in quest detail view (below Description)
- Improve save button UX: duplicate to top, ghosted when clean, green when dirty
- Add SPEC-015 documentation for the feature
@netlify
Copy link

netlify bot commented Feb 8, 2026

Deploy Preview for guild-hall ready!

Name Link
🔨 Latest commit d496652
🔍 Latest deploy log https://app.netlify.com/projects/guild-hall/deploys/6989003097cc820008853730
😎 Deploy Preview https://deploy-preview-28--guild-hall.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant