Redesign Login and Re-Auth screens #1706

CassioMG · 2024-12-04T23:49:29Z

Closes #1545

Included in this PR:

Created reusable EnterPassword component to be used on login and re-auth screens
Redesign of Login screen
- Had to create this new lastUsedAccount local storage prop to be able to render the Identicon component on login screen (i.e. for logged out users)
Redesign of Re-Auth screens used on Send, Swap and Create new address flows
Redesign of View.Header component to display new freighter logo centered on nav bar
- This new freighter logo is now also being used on the About screen
Tweak View.Content to have a horizontal padding of 1.5rem to match Figma designs
Wrap NotFundedMessage component with View.Footer for consistency instead of having to manually set its absolute positioning

Login screen

Send and Swap Re-Auth screens

Create new address Re-Auth screen

Not funded message on footer component (no apparent change)

About screen with new logo

# Conflicts: # extension/src/popup/locales/en/translation.json # extension/src/popup/locales/pt/translation.json

extension/src/popup/basics/layout/View/styles.scss

extension/src/popup/views/VerifyAccount/index.tsx

piyalbasu · 2024-12-05T00:33:20Z

extension/src/popup/views/Settings/index.tsx

  const signOutAndClose = async (e: React.FormEvent) => {
    e.preventDefault();
-    // eslint-disable-next-line
+    /* eslint-disable @typescript-eslint/await-thenable */
+    await dispatch(setLastUsedAccount({ publicKey }));


A user isn't guaranteed to sign out. Their session may just timeout due to the 24h timer.

I think maybe we should call setLastUsedAccount whenever a user switches account to make sure we always capture the last used account

Nice catch, I'll make this improvement

How about this 20c6118?
It's updating the lastUsedAccount every time users visit the main Account screen (which also happens every time users change account).

Nice, this looks good! You could also add a conditional to only update lastUsedAccount if lastUsedAccount !== publicKey so you're not dispatching this action if the account hasn't changed

Humm yeah I thought about it too, but then we'd have to dispatch loadLastUsedAccount() every time too to fetch lastUsedAccount so it just seemed simpler/cleaner to overwrite it every time. Wdyt?

yeah I think what you're saying makes sense, maybe there's a different way to keep it in 1 place but also in the action layer? My thought was that it would be good to have lastUsedAccount be set in 1 place that guarantees it is updated whenever the active account is set to a key. My only concern with doing this in the view is that is not really tied to the action, so right now this works but if we ever add a situation where we switch accounts and don't land back on this view after, we will have to implement this in those views as well where as if we had this in the action layer, it would not matter the view that gets rendered after switching accounts.

does setActivePublicKey get called in every case that we set a public key, maybe if that dispatched an action to set lastUsedAccount then we would not have to track that in a view?

I like this idea, I'll take a look

@aristidesstaffieri how about this 26f11ae?
It's updating the lastUsedAccount every time user subscribes to an account, which happens exactly during login and also when user switches the active account. I've deleted, re-built the extension and tested in all scenarios, seems pretty solid!

nice 👏 yeah that lgtm!

piyalbasu · 2024-12-05T00:35:36Z

One issue we're going to run into is what happens when a user opens the extension but setLastUsedAccount hadn't been called in the past. For ex, I just pulled down this branch, built the code and loaded the extension with this logic for the first. I got this screen:

Maybe we only want to show the identicon circle if we actually already have the last used account

CassioMG · 2024-12-05T13:01:51Z

One issue we're going to run into is what happens when a user opens the extension but setLastUsedAccount hadn't been called in the past. For ex, I just pulled down this branch, built the code and loaded the extension with this logic for the first. I got this screen:

Oh no, I tested this case by deleting the extension and installing it again. But when you delete it it asks you to import or create a new account which skips this screen so I didn't catch this bug. I forgot the case of existing users with a timed out session that just updated the app 🤦‍♂️ I'll fix it - thanks for the help testing!

…ided

CassioMG · 2024-12-05T13:15:48Z

Maybe we only want to show the identicon circle if we actually already have the last used account

Fixed here 2f133c1

* adds size constraints for the favicon container to avoid overflowing icons of non standard sizes (#1673) * [BUG] makes swap amount persist across destination asset changes (#1675) * makes swap amount persist across destination asset changes * updates swap test state to init with balances * adds enough padding to accomodate action modal on scrollable lists (#1676) * Allow creating a new wallet from the `Enter Password` screen (#1648) * Allow creating a new wallet from initial screen * Added translations * Feature/maintain password 2 (#1677) * maintain password when switching between accounts * Added translations * add test and update e2e token * enable e2e tests in CI and add cleanup tasks (#1684) * enable e2e tests in CI and add cleanup tasks * fix asset code change * Redesign Connected apps (#1686) * Added translations * Add 'Disconnect all' button * Added translations * Display favicon * Skip password when creating a new address (#1685) * Skip password when creating new address * Better copy for Enter Password screen * Added translations * Allow user to input password again in case of error + remove spinner while redirecting * limit how many instances of the test can run at a time to prevent collisions (#1690) * Prevent infinity spinner when switching to same account (#1692) * splits buildAndSimulateSoroswapTx into flows for custom networks, uses simulate-tx API for other networks (#1694) * makes error boundary always close window, tweaks css to align at all sizes (#1696) * [REFACTOR] History data fetching (#1698) * adds use-get-history hook, and replaces data fetching for history using it * removes stray log * move loading render branch out of main render to avoid ternary * tweak hasEmptyHistory check to account for an empty operations list * renames use get history hook file to match repo conventions * renames var to follow code convention * redesign the Create New Wallet screens and update tests (#1699) * redesign the Create New Wallet screens and update tests * rm console.logs * fix checks in e2e login helpers * updating recovery snapshot. this screen will be redesigned in next PR * fix incorrect mnemonic phrase test * Redesign Unfunded account notification (#1703) * Redesign Unfunded account notification * Add "Learn more" link on notification body * Feature/redesign onboarding recover wallet (#1704) * redesign recover flow and add tests * Added translations * rm unnecessary pw check in cleanup and increase threshold of 24 word snapshot * fix threshold adjustment * make Toggle component tab-able * use box-shadow to align with Select * updating cleanup tasks in e2e tests * redesign account view + account details QR code (#1707) * redesign account view + account details QR code * apply same styling to network selector dropdown * fix checks for both dropdowns * Charles PR comments * add github actions for deploying @stellar/freighter-api (#1708) * add github actions for deploying @stellar/freighter-api * use yarn to config tag and commit strings * Redesign Login and Re-Auth screens (#1706) * Redesign footer on UnlockAccount * Redesign input and button on UnlockAccount * Redesign text on UnlockAccount * Add identicon UI on UnlockAccount * Add service to set/load last used account * Workaround lint error * UI tweak * Extract reusable EnterPassword component * Use EnterPassword component on AddAccount screen * Use EnterPassword component on VerifyAccount screen * Added translations * Redesign NavBar for UnlockAccount screen * Make 1.5rem padding consistent in all screen contents (Figma) * Use pxToRem() * Hide Identicon on EnterPassword component in case address is not provided * Avoid using same name of the duck function * Update lastUsedAccount on Account screen instead of Sign out action * Change default description for EnterPassword * Added translations * Tweak text size and alignment * Set lastUsedAccount every time user subscribes to an account * Bump the all-actions group across 1 directory with 7 updates (#1709) Bumps the all-actions group with 7 updates in the / directory: | Package | From | To | | --- | --- | --- | | [actions/checkout](https://github.com/actions/checkout) | `2` | `4` | | [actions/setup-node](https://github.com/actions/setup-node) | `1` | `4` | | [jossef/action-set-json-field](https://github.com/jossef/action-set-json-field) | `1` | `2` | | [restackio/update-json-file-action](https://github.com/restackio/update-json-file-action) | `1e34d747ca044df80b37bc4ef5a9aa41be9dac8f` | `f8ef1561cb15ba86a6367b547216375bc60e7f91` | | [rtCamp/action-slack-notify](https://github.com/rtcamp/action-slack-notify) | `2.3.0` | `2.3.2` | | [frabert/replace-string-action](https://github.com/frabert/replace-string-action) | `1.2` | `2.5` | | [ruby/setup-ruby](https://github.com/ruby/setup-ruby) | `1.138.0` | `1.203.0` | Updates `actions/checkout` from 2 to 4 - [Release notes](https://github.com/actions/checkout/releases) - [Changelog](https://github.com/actions/checkout/blob/main/CHANGELOG.md) - [Commits](actions/checkout@v2...v4) Updates `actions/setup-node` from 1 to 4 - [Release notes](https://github.com/actions/setup-node/releases) - [Commits](actions/setup-node@v1...v4) Updates `jossef/action-set-json-field` from 1 to 2 - [Release notes](https://github.com/jossef/action-set-json-field/releases) - [Commits](jossef/action-set-json-field@v1...2a0f7d9) Updates `restackio/update-json-file-action` from 1e34d747ca044df80b37bc4ef5a9aa41be9dac8f to f8ef1561cb15ba86a6367b547216375bc60e7f91 - [Release notes](https://github.com/restackio/update-json-file-action/releases) - [Commits](restackio/update-json-file-action@1e34d74...f8ef156) Updates `rtCamp/action-slack-notify` from 2.3.0 to 2.3.2 - [Release notes](https://github.com/rtcamp/action-slack-notify/releases) - [Commits](rtCamp/action-slack-notify@4e5fb42...c337377) Updates `frabert/replace-string-action` from 1.2 to 2.5 - [Release notes](https://github.com/frabert/replace-string-action/releases) - [Commits](frabert/replace-string-action@v1.2...b6828c5) Updates `ruby/setup-ruby` from 1.138.0 to 1.203.0 - [Release notes](https://github.com/ruby/setup-ruby/releases) - [Changelog](https://github.com/ruby/setup-ruby/blob/master/release.rb) - [Commits](ruby/setup-ruby@v1.138.0...v1.203.0) --- updated-dependencies: - dependency-name: actions/checkout dependency-type: direct:production update-type: version-update:semver-major dependency-group: all-actions - dependency-name: actions/setup-node dependency-type: direct:production update-type: version-update:semver-major dependency-group: all-actions - dependency-name: jossef/action-set-json-field dependency-type: direct:production update-type: version-update:semver-major dependency-group: all-actions - dependency-name: restackio/update-json-file-action dependency-type: direct:production dependency-group: all-actions - dependency-name: rtCamp/action-slack-notify dependency-type: direct:production update-type: version-update:semver-patch dependency-group: all-actions - dependency-name: frabert/replace-string-action dependency-type: direct:production update-type: version-update:semver-major dependency-group: all-actions - dependency-name: ruby/setup-ruby dependency-type: direct:production update-type: version-update:semver-minor dependency-group: all-actions ... Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Bump the minor-and-patch group across 3 directories with 16 updates (#1710) Bumps the minor-and-patch group with 15 updates in the / directory: | Package | From | To | | --- | --- | --- | | [@babel/preset-react](https://github.com/babel/babel/tree/HEAD/packages/babel-preset-react) | `7.25.9` | `7.26.3` | | [@vercel/ncc](https://github.com/vercel/ncc) | `0.38.2` | `0.38.3` | | [webpack](https://github.com/webpack/webpack) | `5.95.0` | `5.97.1` | | [@blockaid/client](https://github.com/blockaid-official/blockaid-client-node) | `0.28.1` | `0.31.0` | | [@docusaurus/core](https://github.com/facebook/docusaurus/tree/HEAD/packages/docusaurus) | `3.5.2` | `3.6.3` | | [@docusaurus/preset-classic](https://github.com/facebook/docusaurus/tree/HEAD/packages/docusaurus-preset-classic) | `3.5.2` | `3.6.3` | | [@sentry/browser](https://github.com/getsentry/sentry-javascript) | `8.36.0` | `8.42.0` | | @stellar/typescript-wallet-sdk-km | `1.7.0` | `1.8.0` | | [@types/chrome](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/chrome) | `0.0.277` | `0.0.287` | | [sass](https://github.com/sass/dart-sass) | `1.80.5` | `1.82.0` | | [tsconfig-paths-webpack-plugin](https://github.com/dividab/tsconfig-paths-webpack-plugin) | `4.1.0` | `4.2.0` | | [tslib](https://github.com/Microsoft/tslib) | `2.7.0` | `2.8.1` | | [yup](https://github.com/jquense/yup) | `1.4.0` | `1.5.0` | | [@playwright/test](https://github.com/microsoft/playwright) | `1.48.0` | `1.49.0` | | [@sentry/webpack-plugin](https://github.com/getsentry/sentry-javascript-bundler-plugins) | `2.22.6` | `2.22.7` | Bumps the minor-and-patch group with 1 update in the /@shared/api directory: [@blockaid/client](https://github.com/blockaid-official/blockaid-client-node). Bumps the minor-and-patch group with 3 updates in the /extension directory: [@types/chrome](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/chrome), [tslib](https://github.com/Microsoft/tslib) and [@playwright/test](https://github.com/microsoft/playwright). Updates `@babel/preset-react` from 7.25.9 to 7.26.3 - [Release notes](https://github.com/babel/babel/releases) - [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md) - [Commits](https://github.com/babel/babel/commits/v7.26.3/packages/babel-preset-react) Updates `@vercel/ncc` from 0.38.2 to 0.38.3 - [Release notes](https://github.com/vercel/ncc/releases) - [Commits](vercel/ncc@0.38.2...0.38.3) Updates `webpack` from 5.95.0 to 5.97.1 - [Release notes](https://github.com/webpack/webpack/releases) - [Commits](webpack/webpack@v5.95.0...v5.97.1) Updates `@blockaid/client` from 0.28.1 to 0.31.0 - [Release notes](https://github.com/blockaid-official/blockaid-client-node/releases) - [Changelog](https://github.com/blockaid-official/blockaid-client-node/blob/main/CHANGELOG.md) - [Commits](blockaid-official/blockaid-client-node@v0.28.1...v0.31.0) Updates `@docusaurus/core` from 3.5.2 to 3.6.3 - [Release notes](https://github.com/facebook/docusaurus/releases) - [Changelog](https://github.com/facebook/docusaurus/blob/main/CHANGELOG.md) - [Commits](https://github.com/facebook/docusaurus/commits/v3.6.3/packages/docusaurus) Updates `@docusaurus/preset-classic` from 3.5.2 to 3.6.3 - [Release notes](https://github.com/facebook/docusaurus/releases) - [Changelog](https://github.com/facebook/docusaurus/blob/main/CHANGELOG.md) - [Commits](https://github.com/facebook/docusaurus/commits/v3.6.3/packages/docusaurus-preset-classic) Updates `@sentry/browser` from 8.36.0 to 8.42.0 - [Release notes](https://github.com/getsentry/sentry-javascript/releases) - [Changelog](https://github.com/getsentry/sentry-javascript/blob/develop/CHANGELOG.md) - [Commits](getsentry/sentry-javascript@8.36.0...8.42.0) Updates `@stellar/typescript-wallet-sdk-km` from 1.7.0 to 1.8.0 Updates `@types/chrome` from 0.0.277 to 0.0.287 - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/chrome) Updates `mini-css-extract-plugin` from 2.9.1 to 2.9.2 - [Release notes](https://github.com/webpack-contrib/mini-css-extract-plugin/releases) - [Changelog](https://github.com/webpack-contrib/mini-css-extract-plugin/blob/master/CHANGELOG.md) - [Commits](webpack-contrib/mini-css-extract-plugin@v2.9.1...v2.9.2) Updates `sass` from 1.80.5 to 1.82.0 - [Release notes](https://github.com/sass/dart-sass/releases) - [Changelog](https://github.com/sass/dart-sass/blob/main/CHANGELOG.md) - [Commits](sass/dart-sass@1.80.5...1.82.0) Updates `tsconfig-paths-webpack-plugin` from 4.1.0 to 4.2.0 - [Changelog](https://github.com/dividab/tsconfig-paths-webpack-plugin/blob/master/CHANGELOG.md) - [Commits](dividab/tsconfig-paths-webpack-plugin@v4.1.0...v4.2.0) Updates `tslib` from 2.7.0 to 2.8.1 - [Release notes](https://github.com/Microsoft/tslib/releases) - [Commits](microsoft/tslib@v2.7.0...v2.8.1) Updates `yup` from 1.4.0 to 1.5.0 - [Release notes](https://github.com/jquense/yup/releases) - [Changelog](https://github.com/jquense/yup/blob/master/CHANGELOG.md) - [Commits](jquense/yup@v1.4.0...v1.5.0) Updates `@playwright/test` from 1.48.0 to 1.49.0 - [Release notes](https://github.com/microsoft/playwright/releases) - [Commits](microsoft/playwright@v1.48.0...v1.49.0) Updates `@sentry/webpack-plugin` from 2.22.6 to 2.22.7 - [Release notes](https://github.com/getsentry/sentry-javascript-bundler-plugins/releases) - [Changelog](https://github.com/getsentry/sentry-javascript-bundler-plugins/blob/main/CHANGELOG.md) - [Commits](getsentry/sentry-javascript-bundler-plugins@2.22.6...2.22.7) Updates `@blockaid/client` from 0.28.1 to 0.31.0 - [Release notes](https://github.com/blockaid-official/blockaid-client-node/releases) - [Changelog](https://github.com/blockaid-official/blockaid-client-node/blob/main/CHANGELOG.md) - [Commits](blockaid-official/blockaid-client-node@v0.28.1...v0.31.0) Updates `@types/chrome` from 0.0.277 to 0.0.287 - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/chrome) Updates `tslib` from 2.7.0 to 2.8.1 - [Release notes](https://github.com/Microsoft/tslib/releases) - [Commits](microsoft/tslib@v2.7.0...v2.8.1) Updates `@playwright/test` from 1.48.0 to 1.49.0 - [Release notes](https://github.com/microsoft/playwright/releases) - [Commits](microsoft/playwright@v1.48.0...v1.49.0) --- updated-dependencies: - dependency-name: "@babel/preset-react" dependency-type: direct:production update-type: version-update:semver-minor dependency-group: minor-and-patch - dependency-name: "@vercel/ncc" dependency-type: direct:production update-type: version-update:semver-patch dependency-group: minor-and-patch - dependency-name: webpack dependency-type: direct:production update-type: version-update:semver-minor dependency-group: minor-and-patch - dependency-name: "@blockaid/client" dependency-type: direct:production update-type: version-update:semver-minor dependency-group: minor-and-patch - dependency-name: "@docusaurus/core" dependency-type: direct:production update-type: version-update:semver-minor dependency-group: minor-and-patch - dependency-name: "@docusaurus/preset-classic" dependency-type: direct:production update-type: version-update:semver-minor dependency-group: minor-and-patch - dependency-name: "@sentry/browser" dependency-type: direct:production update-type: version-update:semver-minor dependency-group: minor-and-patch - dependency-name: "@stellar/typescript-wallet-sdk-km" dependency-type: direct:production update-type: version-update:semver-minor dependency-group: minor-and-patch - dependency-name: "@types/chrome" dependency-type: direct:production update-type: version-update:semver-patch dependency-group: minor-and-patch - dependency-name: mini-css-extract-plugin dependency-type: direct:production update-type: version-update:semver-patch dependency-group: minor-and-patch - dependency-name: sass dependency-type: direct:production update-type: version-update:semver-minor dependency-group: minor-and-patch - dependency-name: tsconfig-paths-webpack-plugin dependency-type: direct:production update-type: version-update:semver-minor dependency-group: minor-and-patch - dependency-name: tslib dependency-type: direct:production update-type: version-update:semver-minor dependency-group: minor-and-patch - dependency-name: yup dependency-type: direct:production update-type: version-update:semver-minor dependency-group: minor-and-patch - dependency-name: "@playwright/test" dependency-type: direct:development update-type: version-update:semver-minor dependency-group: minor-and-patch - dependency-name: "@sentry/webpack-plugin" dependency-type: direct:development update-type: version-update:semver-patch dependency-group: minor-and-patch - dependency-name: "@blockaid/client" dependency-type: direct:production update-type: version-update:semver-minor dependency-group: minor-and-patch - dependency-name: "@types/chrome" dependency-type: direct:production update-type: version-update:semver-patch dependency-group: minor-and-patch - dependency-name: tslib dependency-type: direct:production update-type: version-update:semver-minor dependency-group: minor-and-patch - dependency-name: "@playwright/test" dependency-type: direct:development update-type: version-update:semver-minor dependency-group: minor-and-patch ... Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * allow signing auth entries using Ledger (#1723) * allow signing auth entries using Ledger * rename handleSignedHwTx to reflect that it can be either a tx or a signed auth * commit new lockfile to align package file and lock file (#1731) * Feature/rm blockaid modal 2 (#1732) * remove blockaid announcement modal * Added translations * update e2e test token to newly deployed token (#1724) * update e2e test token to newly deployed token * fixing typo in test name * match bottom nav more closely to designs (#1734) * Only render Account footer when needed (#1733) * fix string interpolation in beta slack msg (#1735) * update display mnemonic phrase screen (#1738) * update display mnemonic phrase screen * try uploading test-results artifacts * update retention time and update snapshot * Bugfix/5.26.0 qa (#1739) * QA fixes for 5.26.0 * update snaphost and add defaults for verified token * updating 24 word mnemonic snapshot * mask mnemonic phrase wrapper * skip this test since our test token is currently verified (#1744) --------- Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: Cássio Marcos Goulart <[email protected]> Co-authored-by: Piyal Basu <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

CassioMG added 14 commits December 2, 2024 16:10

Redesign footer on UnlockAccount

0c4f0b3

Redesign input and button on UnlockAccount

822c95d

Redesign text on UnlockAccount

fc72dfa

Add identicon UI on UnlockAccount

baaccbd

Add service to set/load last used account

168be27

Workaround lint error

4244494

UI tweak

6b2fced

Extract reusable EnterPassword component

e2fa9c4

Use EnterPassword component on AddAccount screen

399fe36

Use EnterPassword component on VerifyAccount screen

7f2d86b

Added translations

3db4fa9

Merge branch 'release/5.26.0' into cg-redesign-auth

d93a893

# Conflicts: # extension/src/popup/locales/en/translation.json # extension/src/popup/locales/pt/translation.json

Redesign NavBar for UnlockAccount screen

db162a6

Make 1.5rem padding consistent in all screen contents (Figma)

19f5dc8

CassioMG requested review from piyalbasu, aristidesstaffieri and sdfcharles December 4, 2024 23:51

CassioMG linked an issue Dec 4, 2024 that may be closed by this pull request

Redesign login and re-auth screens #1545

Closed

CassioMG changed the title ~~Redesign login and re-auth screens~~ Redesign Login and Re-Auth screens Dec 4, 2024

piyalbasu reviewed Dec 5, 2024

View reviewed changes

extension/src/popup/basics/layout/View/styles.scss Outdated Show resolved Hide resolved

piyalbasu reviewed Dec 5, 2024

View reviewed changes

extension/src/popup/views/VerifyAccount/index.tsx Outdated Show resolved Hide resolved

piyalbasu reviewed Dec 5, 2024

View reviewed changes

CassioMG added 2 commits December 5, 2024 10:08

Use pxToRem()

8932350

Hide Identicon on EnterPassword component in case address is not prov…

2f133c1

…ided

CassioMG added 3 commits December 5, 2024 10:18

Avoid using same name of the duck function

80c4184

Update lastUsedAccount on Account screen instead of Sign out action

20c6118

Change default description for EnterPassword

1ceebe6

CassioMG added 4 commits December 5, 2024 15:35

Added translations

3a93fb1

Tweak text size and alignment

69d2ad3

Merge branch 'release/5.26.0' into cg-redesign-auth

a64ba2d

Set lastUsedAccount every time user subscribes to an account

26f11ae

aristidesstaffieri approved these changes Dec 9, 2024

View reviewed changes

CassioMG merged commit e55c153 into release/5.26.0 Dec 9, 2024
3 checks passed

CassioMG deleted the cg-redesign-auth branch December 9, 2024 20:17

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Redesign Login and Re-Auth screens #1706

Redesign Login and Re-Auth screens #1706

CassioMG commented Dec 4, 2024 •

edited

Loading

piyalbasu Dec 5, 2024

CassioMG Dec 5, 2024

CassioMG Dec 5, 2024

piyalbasu Dec 5, 2024

CassioMG Dec 5, 2024

aristidesstaffieri Dec 9, 2024

aristidesstaffieri Dec 9, 2024

CassioMG Dec 9, 2024

CassioMG Dec 9, 2024 •

edited

Loading

aristidesstaffieri Dec 9, 2024

piyalbasu commented Dec 5, 2024

CassioMG commented Dec 5, 2024 •

edited

Loading

CassioMG commented Dec 5, 2024

Redesign Login and Re-Auth screens #1706

Redesign Login and Re-Auth screens #1706

Conversation

CassioMG commented Dec 4, 2024 • edited Loading

Login screen

Send and Swap Re-Auth screens

Create new address Re-Auth screen

Not funded message on footer component (no apparent change)

About screen with new logo

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

CassioMG Dec 9, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

piyalbasu commented Dec 5, 2024

CassioMG commented Dec 5, 2024 • edited Loading

CassioMG commented Dec 5, 2024

CassioMG commented Dec 4, 2024 •

edited

Loading

CassioMG Dec 9, 2024 •

edited

Loading

CassioMG commented Dec 5, 2024 •

edited

Loading