Skip to content
This repository was archived by the owner on Feb 24, 2025. It is now read-only.

Conversation

@diegoreymendez
Copy link
Contributor

@diegoreymendez diegoreymendez commented Aug 14, 2023

Task/Issue URL:

Description

Addresses design adjustments requested for the new Network Protection onboarding views.

Work done:

  • Update to the latest design changes
  • Update to the latest assets
  • Update to the latest copy
  • The Allow-VPN step will now only trigger if the user disallows creating the VPN configuration.

Scope:

Address design feedback. Nothing outside of design feedback is in scope for this PR.

Testing:

This PR will be accompanied by a design-review build, so I'd encourage the technical reviewer to focus on the logical changes mainly (and not so much on coloring, fonts, spacing, etc).

  1. Restart Network Protection to start fresh.
  2. Start NetP, the allow-system-extension onboarding step view should be shown in the popover.
  3. After allowing the extension, allow-vpn-configuration onboarding step view should NOT be shown.
  4. Do not allow the app to create the VPN configuration.
  5. The allow-vpn-configuration onboarding step view should be shown in the NetP popover.
  6. Follow the instructions and ensure the onboarding view goes away once the setup is complete.

Internal references:

Pull Request Review Checklist
Software Engineering Expectations
Technical Design Template
Pull Request Documentation

@diegoreymendez diegoreymendez self-assigned this Aug 14, 2023
@github-actions
Copy link
Contributor

github-actions bot commented Aug 14, 2023

Fails
🚫 Please, don't forget to add a link to the internal task

Generated by 🚫 dangerJS against 028da04

@diegoreymendez diegoreymendez changed the base branch from develop to diego/netp-new-onboarding August 14, 2023 12:58
Comment on lines +33 to +42
static let networkProtectionOnboardingAllowExtensionTitle = NSLocalizedString("network.protection.onboarding.allow.extension.title", value: "Allow System Extension", comment: "Title for the onboarding allow-extension step")
static let networkProtectionOnboardingAllowExtensionDescPrefix = NSLocalizedString("network.protection.onboarding.allow.extension.desc.prefix", value: "Open System Settings to Privacy & Security. Scroll and select ", comment: "Non-bold prefix for the onboarding allow-extension description")
static let networkProtectionOnboardingAllowExtensionDescAllow = NSLocalizedString("network.protection.onboarding.allow.extension.desc.allow", value: "Allow", comment: "'Allow' word between the prefix and suffix for the onboarding allow-extension description")
static let networkProtectionOnboardingAllowExtensionDescSuffix = NSLocalizedString("network.protection.onboarding.allow.extension.desc.suffix", value: " for DuckDuckGo software.", comment: "Non-bold suffix for the onboarding allow-extension description")

static let networkProtectionOnboardingAllowVPNTitle = NSLocalizedString("network.protection.onboarding.allow.vpn.title", value: "Add VPN Configuration", comment: "Title for the onboarding allow-VPN step")
static let networkProtectionOnboardingAllowVPNDescPrefix = NSLocalizedString("network.protection.onboarding.allow.vpn.desc.prefix", value: "Select ", comment: "Non-bold prefix for the onboarding allow-VPN description")
static let networkProtectionOnboardingAllowVPNDescAllow = NSLocalizedString("network.protection.onboarding.allow.vpn.desc.allow", value: "Allow", comment: "'Allow' word between the prefix and suffix for the onboarding allow-VPN description")
static let networkProtectionOnboardingAllowVPNDescSuffix = NSLocalizedString("network.protection.onboarding.allow.vpn.desc.suffix", value: " when prompted to finish setting up Network Protection.", comment: "Non-bold suffix for the onboarding allow-VPN description")

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Updated to latest copy and localized it.


Button(model.actionTitle, action: model.action)
.applyStepButtonAttributes(colorScheme: colorScheme)
.padding(.top, 3)
Copy link
Contributor Author

Choose a reason for hiding this comment

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

The spacing changed in the designs to allow more space on top of the onboarding action button.

}
.padding(.top, 16)
.padding(.bottom, model.actionScreenshot != nil ? 4 : 16)
.padding(.vertical, 16)
Copy link
Contributor Author

Choose a reason for hiding this comment

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

The spacing at the bottom of the action button is no longer variable depending on the action screenshot.

Base automatically changed from diego/netp-new-onboarding to diego/feature-network-protection-onboarding August 14, 2023 14:01
@diegoreymendez
Copy link
Contributor Author

Due to the commit history being a bit off, I've decided to recreate these changes in a different PR.

Superseded by #1484

@diegoreymendez diegoreymendez deleted the diego/netp-new-onboarding-2 branch August 14, 2023 15:00
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant