Skip to content

[Dashboard] Feature Preview #3403

Open
Open
@gtsiolis

Description

@gtsiolis

Problem to solve

Currently, Feature Preview is a section within User Settings (/settings) which includes a checkbox that toggles the visibility of the Default IDE option below, lacks visual feedback upon enabling, and abruptly update the settings page to inject the Default IDE preference.

This is part of #3300. 🍕

User Experience goal

The user should be able to enable or disable the Feature Preview without abruptly updating the user interface.

Proposal

In this context, it seems optimal use a modal that describes Feature Preview and provides a single CTA button that toggles Feature Preview. This has the following benefits:

  1. Allow the product to perform a page refresh if needed so that experimental features that change the user interface like Default IDE surface without surprising the user with hidden user interface options.
  2. Make this action more prominent and provide better awareness for the users.
  3. Let's use the user dropdown menu to host the Feature Preview item and use a modal.

In this first MVC (minimum viable change), we can do the following:

  1. Add Feature Preview in the user menu.
  2. Show a modal describing Feature Preview.

Components involved:

  1. Button
  2. Modal
  3. Dropdown

Future steps

  1. In the future, we could group the Default IDE with other user preferences like theme, click behavior for opening workspaces (see Do not open a new tab for opening new or existing workspaces from the dashboard #2516), and more.

Designs

Dropdown Enable Disable Spacing
image image image image

See also design specs.

Documentation

No documentation changes are needed for this first iteration.

/cc @csweichel because Feature Preview

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions