Skip to content

Add visibility selector to recipe form - #1205

Draft
dgee2 wants to merge 1 commit into
issue-1121-recipe-step-editorfrom
issue-1122-recipe-visibility-selector
Draft

Add visibility selector to recipe form#1205
dgee2 wants to merge 1 commit into
issue-1121-recipe-step-editorfrom
issue-1122-recipe-visibility-selector

Conversation

@dgee2

@dgee2 dgee2 commented Aug 2, 2026

Copy link
Copy Markdown
Owner

Summary

Adds a RecipeVisibilityField molecule wrapping the existing select-field.vue atom, translating between UpsertRecipe.accessScope's raw string values (Private / AuthenticatedUsers) and the underlying QSelect's {label, value} option shape.

  • Dropdown with two options: "Private" and "Visible to all Menu users".
  • Defaults to Private for new recipes.
  • Wired into new-recipe-form.vue, replacing the hardcoded 'Private' literal in the submit payload — the selected value now flows through to UpsertRecipe.accessScope.

This is the last PR in the #1099/#1100 stacked sequence.

Test plan

  • pnpm build (type-check + production build)
  • pnpm lint
  • pnpm test:storybook — 23 files / 65 tests passing, including a real dropdown-open-and-select interaction test (verified genuine, not a false positive, by temporarily sabotaging the assertion and confirming it fails correctly)
  • Manually verified in the Storybook dev server that the field renders with the correct default and label

Part of #1100.

Closes #1122.

@dgee2 dgee2 changed the title Add visibility selector to recipe form (#1122) Add visibility selector to recipe form Aug 2, 2026
@dgee2
dgee2 force-pushed the issue-1122-recipe-visibility-selector branch from 505f419 to 8272fc0 Compare August 3, 2026 08:26
@dgee2
dgee2 force-pushed the issue-1122-recipe-visibility-selector branch from 8272fc0 to ee8b2b6 Compare August 3, 2026 20:18
@dgee2
dgee2 force-pushed the issue-1122-recipe-visibility-selector branch from ee8b2b6 to 8af7bed Compare August 4, 2026 07:05
Adds a RecipeVisibilityField molecule wrapping the existing
select-field atom, translating between UpsertRecipe.accessScope's
raw string values ("Private" / "AuthenticatedUsers") and the
underlying QSelect's {label, value} option shape. Wired into
new-recipe-form.vue, replacing the hardcoded "Private" literal in
the submit payload; defaults to Private for new recipes.

Part of #1100. Closes #1122.
@dgee2
dgee2 force-pushed the issue-1122-recipe-visibility-selector branch from 8af7bed to e8e2152 Compare August 4, 2026 07:59
@sonarqubecloud

sonarqubecloud Bot commented Aug 4, 2026

Copy link
Copy Markdown

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.

Add visibility selector to recipe form

1 participant