Skip to content

feat: set up new Preferences page & edit/view drawers (MSQ V2)#5654

Merged
jaredcwhite merged 35 commits intomainfrom
5597/new-preferences-table
Feb 9, 2026
Merged

feat: set up new Preferences page & edit/view drawers (MSQ V2)#5654
jaredcwhite merged 35 commits intomainfrom
5597/new-preferences-table

Conversation

@jaredcwhite
Copy link
Copy Markdown
Collaborator

@jaredcwhite jaredcwhite commented Dec 3, 2025

This PR addresses #5597, #5149, #5650, #5651

  • Addresses the issue in full
  • Addresses only certain aspects of the issue

Description

The PR adds a new, separate screen for viewing/editing Preferences (at the path /settings/preferences-new) which allows for managing MSQ V2 style preferences.

How Can This Be Tested/Reviewed?

To seed your local DB with preferences in V2, run: yarn setup --msqV2 in the api folder

Then you can log in as a Bloomington admin in Partners and access the new page via Settings. Otherwise you'll still see the old page and seed data.

It's possible to view the two seed preferences as well as add new preferences. Unfortunately there's no easy way to flip between Edit and View for the same preference. You could try manually editing the code in the preferences-new.tsx for the table. I'm also not sure how easy it is to test various other statuses available in the enum.

Some of the code for editing a preference is copied over and modified from the previous V1 editing, but all of the code for viewing is new, so it's possible I missed some edge cases or something in the UI could be improved. This is what I would call a "first draft".

There are also some follow-up issues which will touch on certain things in here, such as adding search, pagination, and sorting to the new preferences table.

Author Checklist:

  • Added QA notes to the issue with applicable URLs
  • Reviewed in a desktop view
  • Reviewed in a mobile view
  • Reviewed considering accessibility
  • Added tests covering the changes
  • Made corresponding changes to the documentation
  • Ran yarn generate:client and/or created a migration when required

Review Process:

  • Read and understand the issue
  • Ensure the author has added QA notes
  • Review the code itself from a style point of view
  • Pull the changes down locally and test that the acceptance criteria is met
  • Either (1) explicitly ask a clarifying question, (2) request changes, or (3) approve the PR, even if there are very small remaining changes, if you don't need to re-review after the updates

@netlify
Copy link
Copy Markdown

netlify Bot commented Dec 3, 2025

Deploy Preview for partners-bloom-dev ready!

Name Link
🔨 Latest commit 141c318
🔍 Latest deploy log https://app.netlify.com/projects/partners-bloom-dev/deploys/6930cb5b672efb0008fb2d74
😎 Deploy Preview https://deploy-preview-5654--partners-bloom-dev.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.

@netlify
Copy link
Copy Markdown

netlify Bot commented Dec 3, 2025

Deploy Preview for bloom-flagly ready!

Name Link
🔨 Latest commit 141c318
🔍 Latest deploy log https://app.netlify.com/projects/bloom-flagly/deploys/6930cb5b51e25c0008ff1894
😎 Deploy Preview https://deploy-preview-5654--bloom-flagly.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.

@netlify
Copy link
Copy Markdown

netlify Bot commented Dec 3, 2025

Deploy Preview for bloom-public-seeds ready!

Name Link
🔨 Latest commit 141c318
🔍 Latest deploy log https://app.netlify.com/projects/bloom-public-seeds/deploys/6930cb5ba7043b0008662396
😎 Deploy Preview https://deploy-preview-5654--bloom-public-seeds.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.

@netlify
Copy link
Copy Markdown

netlify Bot commented Dec 3, 2025

Deploy Preview for bloom-exygy-dev ready!

Name Link
🔨 Latest commit 141c318
🔍 Latest deploy log https://app.netlify.com/projects/bloom-exygy-dev/deploys/6930cb5b86cb6400080918d7
😎 Deploy Preview https://deploy-preview-5654--bloom-exygy-dev.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.

@netlify
Copy link
Copy Markdown

netlify Bot commented Dec 3, 2025

Deploy Preview for bloom-angelopolis ready!

Name Link
🔨 Latest commit 141c318
🔍 Latest deploy log https://app.netlify.com/projects/bloom-angelopolis/deploys/6930cb5b4d280f0008dd5caa
😎 Deploy Preview https://deploy-preview-5654--bloom-angelopolis.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.

@netlify
Copy link
Copy Markdown

netlify Bot commented Dec 3, 2025

Deploy Preview for bloom-lakeview ready!

Name Link
🔨 Latest commit 141c318
🔍 Latest deploy log https://app.netlify.com/projects/bloom-lakeview/deploys/6930cb5b38401e000849c6d7
😎 Deploy Preview https://deploy-preview-5654--bloom-lakeview.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.

@netlify
Copy link
Copy Markdown

netlify Bot commented Jan 7, 2026

Deploy Preview for partners-bloom-dev ready!

Name Link
🔨 Latest commit 46e023f
🔍 Latest deploy log https://app.netlify.com/projects/partners-bloom-dev/deploys/6986595bade2990008bc52db
😎 Deploy Preview https://deploy-preview-5654--partners-bloom-dev.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.

@netlify
Copy link
Copy Markdown

netlify Bot commented Jan 7, 2026

Deploy Preview for bloom-public-seeds ready!

Name Link
🔨 Latest commit 46e023f
🔍 Latest deploy log https://app.netlify.com/projects/bloom-public-seeds/deploys/6986595bc2d0f30008c1fde7
😎 Deploy Preview https://deploy-preview-5654--bloom-public-seeds.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.

@netlify
Copy link
Copy Markdown

netlify Bot commented Jan 7, 2026

Deploy Preview for bloom-exygy-dev ready!

Name Link
🔨 Latest commit 46e023f
🔍 Latest deploy log https://app.netlify.com/projects/bloom-exygy-dev/deploys/6986595b37b9e800084f32b4
😎 Deploy Preview https://deploy-preview-5654--bloom-exygy-dev.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.

@netlify
Copy link
Copy Markdown

netlify Bot commented Jan 7, 2026

Deploy Preview for bloom-angelopolis canceled.

Name Link
🔨 Latest commit 46e023f
🔍 Latest deploy log https://app.netlify.com/projects/bloom-angelopolis/deploys/6986595b9431310008c38222

@netlify
Copy link
Copy Markdown

netlify Bot commented Jan 7, 2026

Deploy Preview for bloom-flagly ready!

Name Link
🔨 Latest commit 46e023f
🔍 Latest deploy log https://app.netlify.com/projects/bloom-flagly/deploys/6986595b2876af00080a69df
😎 Deploy Preview https://deploy-preview-5654--bloom-flagly.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.

@netlify
Copy link
Copy Markdown

netlify Bot commented Jan 7, 2026

Deploy Preview for bloom-lakeview ready!

Name Link
🔨 Latest commit 8943b10
🔍 Latest deploy log https://app.netlify.com/projects/bloom-lakeview/deploys/6973f87edb14b200081bc431
😎 Deploy Preview https://deploy-preview-5654--bloom-lakeview.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.

Copy link
Copy Markdown
Collaborator

@ludtkemorgan ludtkemorgan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

After moving the translation strings to the correct file this is good!

Comment thread shared-helpers/src/locales/general.json Outdated
@ludtkemorgan ludtkemorgan added 1 review needed Requires 1 more review before ready to merge and removed 2 reviews needed Requires 2 more review before ready to merge labels Jan 29, 2026
@mcgarrye mcgarrye self-requested a review February 4, 2026 16:04
Copy link
Copy Markdown
Collaborator

@mcgarrye mcgarrye left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

First pass at the code, no visible issue. Added some comments/ideas of how we want the code to look. Can discuss further

Comment thread api/src/services/multiselect-question.service.ts
Comment thread sites/partners/__tests__/pages/settings/preferences-v2.test.tsx Outdated
Comment thread sites/partners/src/pages/settings/preferences-v2.tsx Outdated
Comment thread sites/partners/src/pages/settings/preferences-v2.tsx Outdated
Comment thread sites/partners/src/components/settings/SettingsViewHelpers.tsx Outdated
Comment thread sites/partners/src/components/settings/SettingsViewHelpers.tsx Outdated
Comment thread sites/partners/src/pages/settings/preferences-v2.tsx
@mcgarrye
Copy link
Copy Markdown
Collaborator

mcgarrye commented Feb 5, 2026

Screen.Recording.2026-02-04.at.4.05.22.PM.mov

I'm seeing flashes of the old table when loading the page, is there a way to avoid that? Out of my depth on this level of frontend lol

Comment thread api/prisma/seed-staging.ts Outdated
@jaredcwhite
Copy link
Copy Markdown
Collaborator Author

Just adding a note not to forget about this: #5654 (comment)

but it's since was non-blocking, I've addressed all the other feedback so I'll go ahead and get this merged!

@jaredcwhite jaredcwhite merged commit 7848a49 into main Feb 9, 2026
32 checks passed
@jaredcwhite jaredcwhite deleted the 5597/new-preferences-table branch February 9, 2026 23:20
ludtkemorgan pushed a commit to metrotranscom/doorway that referenced this pull request Mar 20, 2026
…-housing#5654)

* feat: set up a new page for the Preferences AG table

* feat: use separate set of modals for new preferences page

* fix: temp rename to pull main in

* feat: set up proper feature flag detection for preferences table

* feat: start relocating fields for new MSQ schema

* feat: viewing preferences now working correctly

* feat: update seed data for newer preference schema

* feat: tighten up UI in various drawers/modals

* feat: keep show/hide on listing as its own option, improve view drawer

* test: update backend tests for the MSQv2 changes

* test: address linting issues

* fix: use explicit call to save handler

* feat: improve view UI

* feat: use conditional CLI flag for MSQ V2 seed data

* feat: additional improvements to seed data, fixing bugs in adding prefs

* test: add new unit tests for the V2 Preferences page

* test: cleanup, DRY

* fix: lint

* test: add test for viewing a preference

* fix: address additional feedback QA

* fix: cleanup multiple watch statements

* chore: update all useMutate usage to import from shared-helpers

* fix: MSG V2 seeding issues

* fix: add back missing import

* fix: linting

* fix: use new data items

* test: use new backend format in mocked requests

* test: remove unused variable

* fix: rename V2 "preferences" to msq and other QA feedback addressed
ludtkemorgan pushed a commit to metrotranscom/doorway that referenced this pull request Mar 30, 2026
…-housing#5654)

* feat: set up a new page for the Preferences AG table

* feat: use separate set of modals for new preferences page

* fix: temp rename to pull main in

* feat: set up proper feature flag detection for preferences table

* feat: start relocating fields for new MSQ schema

* feat: viewing preferences now working correctly

* feat: update seed data for newer preference schema

* feat: tighten up UI in various drawers/modals

* feat: keep show/hide on listing as its own option, improve view drawer

* test: update backend tests for the MSQv2 changes

* test: address linting issues

* fix: use explicit call to save handler

* feat: improve view UI

* feat: use conditional CLI flag for MSQ V2 seed data

* feat: additional improvements to seed data, fixing bugs in adding prefs

* test: add new unit tests for the V2 Preferences page

* test: cleanup, DRY

* fix: lint

* test: add test for viewing a preference

* fix: address additional feedback QA

* fix: cleanup multiple watch statements

* chore: update all useMutate usage to import from shared-helpers

* fix: MSG V2 seeding issues

* fix: add back missing import

* fix: linting

* fix: use new data items

* test: use new backend format in mocked requests

* test: remove unused variable

* fix: rename V2 "preferences" to msq and other QA feedback addressed
ludtkemorgan pushed a commit to metrotranscom/doorway that referenced this pull request Apr 6, 2026
…-housing#5654)

* feat: set up a new page for the Preferences AG table

* feat: use separate set of modals for new preferences page

* fix: temp rename to pull main in

* feat: set up proper feature flag detection for preferences table

* feat: start relocating fields for new MSQ schema

* feat: viewing preferences now working correctly

* feat: update seed data for newer preference schema

* feat: tighten up UI in various drawers/modals

* feat: keep show/hide on listing as its own option, improve view drawer

* test: update backend tests for the MSQv2 changes

* test: address linting issues

* fix: use explicit call to save handler

* feat: improve view UI

* feat: use conditional CLI flag for MSQ V2 seed data

* feat: additional improvements to seed data, fixing bugs in adding prefs

* test: add new unit tests for the V2 Preferences page

* test: cleanup, DRY

* fix: lint

* test: add test for viewing a preference

* fix: address additional feedback QA

* fix: cleanup multiple watch statements

* chore: update all useMutate usage to import from shared-helpers

* fix: MSG V2 seeding issues

* fix: add back missing import

* fix: linting

* fix: use new data items

* test: use new backend format in mocked requests

* test: remove unused variable

* fix: rename V2 "preferences" to msq and other QA feedback addressed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

1 review needed Requires 1 more review before ready to merge

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants