Skip to content

Customize settings CTA should take user to edit settings screen #11666

@wpdarren

Description

@wpdarren

Bug Description

I have a UX/UI enhancement suggestion for SiWG. When you set up the module, I see the success notification and when I click on the Customize settings CTA, I am taken to the settings, but I then have to click on Edit to customize.

To make it more user-friendly when the user clicks on the success notification CTA, they should be taken into the settings in edit mode.

SiWG.gif

Steps to reproduce

  1. Set up Sign in with Google
  2. On a successful set up you will see a success banner notification on the dashboard.
  3. Click on the Customize settings CTA.
  4. You will see that you're taken to view mode in the settings, rather than edit.

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

  • When the success notification for Sign in with Google is shown, the link to "Customize settings" should direct the user to the "Edit" screen for Sign in with Google, not the "View" screen.
  • The component should be updated to TypeScript during this change.

Implementation Brief

  • Update the selector used for siwgSettingsURL from getModuleSettingsURL to getModuleSettingsEditURL
  • Update assets/js/modules/sign-in-with-google/components/dashboard/SetupSuccessSubtleNotification.js to assets/js/modules/sign-in-with-google/components/dashboard/SetupSuccessSubtleNotification.tsx and ensure it is properly documented/typed.

Test Coverage

  • No new tests are needed.

QA Brief

  • Set up Sign in with Google and ensure the "Customize settings" button/CTA link that appears in the success notification links to the Sign in with Google settings page in the "Edit" settings mode, not the "View" settings mode.

Changelog entry

  • Update "Customize settings" link after Sign in with Google setup.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Module: Sign in with GoogleSign in with Google (SiwG) related issues.P1Medium priorityTeam SIssues for Squad 1Type: EnhancementImprovement of an existing feature

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions