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

Dappkit Redesign #4793

Merged
merged 15 commits into from
Sep 1, 2020
Merged

Dappkit Redesign #4793

merged 15 commits into from
Sep 1, 2020

Conversation

medhakothari
Copy link
Contributor

Description

Uses styles similar to the rest of Valora, follows the designs here

Other changes

n/a

Tested

Before:

After:

Related issues

Backwards compatibility

none

@annakaz annakaz requested a review from a team August 25, 2020 22:54
Copy link
Contributor

@jeanregisser jeanregisser left a comment

Choose a reason for hiding this comment

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

Thanks!! 👍
Found an issue on smaller screen sizes and added recommendations to simplify font styles following the redesign.

packages/mobile/src/dappkit/DappKitAccountScreen.tsx Outdated Show resolved Hide resolved
packages/mobile/src/dappkit/DappKitAccountScreen.tsx Outdated Show resolved Hide resolved
packages/mobile/src/dappkit/DappKitAccountScreen.tsx Outdated Show resolved Hide resolved
packages/mobile/src/dappkit/DappKitSignTxScreen.tsx Outdated Show resolved Hide resolved
packages/mobile/src/dappkit/DappKitSignTxScreen.tsx Outdated Show resolved Hide resolved
packages/mobile/src/dappkit/DappKitSignTxScreen.tsx Outdated Show resolved Hide resolved
@medhakothari
Copy link
Contributor Author

Thanks for the helpful comments @jeanregisser! Didn't know fonts v2 existed, switched to that now! Also changed the button styling and tested on smaller screens, works now :)

Screen Shot 2020-08-28 at 6 44 26 PM

Copy link
Contributor

@jeanregisser jeanregisser left a comment

Choose a reason for hiding this comment

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

Looks great! 👍
Left one optional comment.

packages/mobile/src/dappkit/DappKitAccountScreen.tsx Outdated Show resolved Hide resolved
packages/mobile/src/dappkit/DappKitSignTxScreen.tsx Outdated Show resolved Hide resolved
Copy link
Contributor

@annakaz annakaz left a comment

Choose a reason for hiding this comment

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

🚀

LGTM overall! +1 to Jean's comment on avoiding inline styles

@medhakothari medhakothari added the automerge Have PR merge automatically when checks pass label Sep 1, 2020
@medhakothari medhakothari merged commit cb57325 into master Sep 1, 2020
@medhakothari medhakothari deleted the dappkit_design branch September 1, 2020 23:23
@Lss-Ankit
Copy link

@jeanregisser Can you please provide a build details to verify task. thanks!

ewilz pushed a commit to ewilz/celo-monorepo that referenced this pull request Sep 29, 2020
* made changes to account screen

* changed sign txn screen

* fixed data screen

* added spanish translations

* Update global.json

* Update global.json

* changed to fonts v2

* no inline button styling

Co-authored-by: Medha Kothari <[email protected]>
Co-authored-by: Medha Kothari <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
automerge Have PR merge automatically when checks pass wallet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Wallet] DappKit should use new design system
4 participants