Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(874): add footer to connect Hardware wallet and style refactor #20121

Merged
merged 1 commit into from
Jul 24, 2023

Conversation

DDDDDanica
Copy link
Contributor

@DDDDDanica DDDDDanica commented Jul 21, 2023

Explanation

  • Add footer to hardware wallet onboarding
  • Add close button to bring user to previous page
  • Refactor styles to get closer to new DS
  • Fix warning in tests
  • Replace deprecated components

Screenshots/Screencaps

Before

Hardware wallet onboarding
Screenshot 2023-07-21 at 01 05 07
Hardware wallet onboarding with no supported browser
Screenshot 2023-07-20 at 17 59 48

After

Hardware wallet onboarding
Screenshot 2023-07-21 at 10 54 23

Screenshot 2023-07-21 at 11 22 42

Hardware wallet onboarding with no supported browser
Screenshot 2023-07-20 at 22 19 51

Manual Testing Steps

  • Go to Accounts selection
  • Connect hardware wallet
  • Open new screen

Pre-merge author checklist

  • I've clearly explained:
    • What problem this PR is solving
    • How this problem was solved
    • How reviewers can test my changes
  • Sufficient automated test coverage has been added

Pre-merge reviewer checklist

  • Manual testing (e.g. pull and build branch, run in browser, test code being changed)
  • PR is linked to the appropriate GitHub issue
  • IF this PR fixes a bug in the release milestone, add this PR to the release milestone

If further QA is required (e.g. new feature, complex testing steps, large refactor), add the Extension QA Board label.

In this case, a QA Engineer approval will be be required.

@github-actions
Copy link
Contributor

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

@@ -263,7 +263,7 @@ AccountList.propTypes = {
onUnlockAccounts: PropTypes.func,
onCancel: PropTypes.func,
onAccountRestriction: PropTypes.func,
hdPaths: PropTypes.array.isRequired,
hdPaths: PropTypes.object.isRequired,
Copy link
Contributor Author

Choose a reason for hiding this comment

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

lint fixing

@@ -14,7 +14,7 @@ const render = () => {
});

const props = {
selectedPath: TREZOR_HD_PATHS[0].path,
selectedPath: TREZOR_HD_PATHS[0].value,
Copy link
Contributor Author

Choose a reason for hiding this comment

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

lint fixing

@metamaskbot
Copy link
Collaborator

Builds ready [9d2d8e7]
Page Load Metrics (1392 ± 23 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint102146114115
domContentLoaded1306148113924823
load1306148113924823
domInteractive1306148113924823
Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: 0 Bytes (0.00%)
  • ui: 2.06 KiB (0.03%)
  • common: 182 Bytes (0.00%)

@codecov
Copy link

codecov bot commented Jul 21, 2023

Codecov Report

Merging #20121 (57926fc) into develop (1125115) will increase coverage by 0.01%.
The diff coverage is 30.00%.

@@             Coverage Diff             @@
##           develop   #20121      +/-   ##
===========================================
+ Coverage    69.37%   69.38%   +0.01%     
===========================================
  Files          987      987              
  Lines        37265    37267       +2     
  Branches     10006    10006              
===========================================
+ Hits         25852    25856       +4     
+ Misses       11413    11411       -2     
Impacted Files Coverage Δ
...es/create-account/connect-hardware/account-list.js 68.97% <ø> (ø)
ui/pages/create-account/connect-hardware/index.js 44.14% <ø> (+1.38%) ⬆️
...i/pages/create-account/create-account.component.js 0.00% <ø> (ø)
ui/pages/settings/settings.component.js 63.33% <ø> (ø)
...create-account/connect-hardware/select-hardware.js 46.88% <30.00%> (+0.84%) ⬆️

@DDDDDanica DDDDDanica changed the title feat(874): add tooltip to connect Hardware wallet and style refactor feat(874): add footer to connect Hardware wallet and style refactor Jul 21, 2023
@metamaskbot
Copy link
Collaborator

Builds ready [57926fc]
Page Load Metrics (1477 ± 28 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint982511373416
domContentLoaded1392161714775928
load1392161714775928
domInteractive1392161714775928
Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: 0 Bytes (0.00%)
  • ui: 2.59 KiB (0.03%)
  • common: 182 Bytes (0.00%)

@SaraCheikh
Copy link

This looks good to me @DDDDDanica, @kevinghim for future planning, it would be good to allocate some time to enhance this specific section, to make it seamlessly integrate with the rest of the UI, looks a bit messy now:
Screenshot 2023-07-21 at 13 47 35

@DDDDDanica DDDDDanica merged commit 74a645e into develop Jul 24, 2023
@DDDDDanica DDDDDanica deleted the feature/874 branch July 24, 2023 18:00
@github-actions github-actions bot locked and limited conversation to collaborators Jul 24, 2023
@metamaskbot metamaskbot added the release-10.36.0 Issue or pull request that will be included in release 10.36.0 label Jul 24, 2023
@Gudahtt Gudahtt added release-11.1.0 Issue or pull request that will be included in release 11.1.0 and removed release-10.36.0 Issue or pull request that will be included in release 10.36.0 labels Sep 19, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
release-11.1.0 Issue or pull request that will be included in release 11.1.0 team-extension-platform
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants