Skip to content

Migrate user settings away from `select2`

Paul Gascou-Vaillancourt requested to merge 373843-user-settings-select2 into master

What does this MR do and why?

Migrate user settings away from select2

This migrates the remaining user settings that use select2 to the newer ListboxInput Vue component. The following settings are affected:

  • Behavior > Dashboard
  • Localization > Language

Note: It looks like the select2 implementation enabled filtering when n >= 10 where n is the number of items within the dropdown. The newer ListboxInput component enabled filtering when n > 10, which results in the search input not being available in the Dashboard selector which contains exactly 10 items. Not sure how big of a deal that is but we could easily change the condition within ListboxInput to match that of select2.

Screenshots or screen recordings

Setting Before After
Behavior > Dashboard Screenshot_2023-01-04_at_10.04.50_AM Screenshot_2023-01-04_at_10.03.23_AM
Localization > Language Screenshot_2023-01-04_at_10.05.02_AM Screenshot_2023-01-04_at_10.03.39_AM

How to set up and validate locally

  1. Navigate to the user settings at http://gdk.test:3000/-/profile/preferences.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #373843 (closed)

Edited by Paul Gascou-Vaillancourt

Merge request reports