Skip to content

Use TimezoneDropdown from shared components

What does this MR do and why?

Migrate outdated timezone selector to Vue Compo... (&8530)

There are a couple of outdated dropdowns which are used to select timezones. These can be migrated to the existing timezone_dropdown Vue component.

Exchange custom TimezoneDropdown that is used on the profile page to the shared component

Related to #369973 (closed)

Screenshots or screen recordings

Visual change - padding on top of the Time zone label UPD: change formatting for deploy freeze timezone (+ and a space in front of the prefix)

Before After
Screenshot_2022-08-31_at_10.47.40 Screenshot_2022-08-31_at_10.47.19
Screenshot_2022-09-01_at_17.45.09 Screenshot_2022-09-01_at_17.44.49
Screenshot_2022-09-02_at_19.22.07 Screenshot_2022-09-02_at_19.22.24

How to set up and validate locally

  1. Open the http://localhost:3000/-/profile page
  2. Update the TimeZone dropdown and save the form
  3. Make sure that the value is properly updated after safe

To check deploy freeze update:

  1. Open a project, Settings -> CI/CD -> Deploy freeze
  2. Add a new deploy freeze

MR acceptance checklist

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

Edited by Diana Zubova

Merge request reports