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

[DDW-581] Replace ada symbol images with unicode character #1317

Conversation

thedanheller
Copy link
Member

@thedanheller thedanheller commented Feb 26, 2019

This PR replaces ada symbol images with unicode character.

Screenshots:

SVG

svg

UTF

image

SVG

loading svg

UTF - Light

loading utf

UTF - Thin

image


Review Checklist:

Basics

  • PR is updated to the most recent version of target branch (and there are no conflicts)
  • PR has good description that summarizes all changes and shows some screenshots or animated GIFs of important UI changes
  • CHANGELOG entry has been added and is linked to the correct PR on GitHub
  • Automated tests: All acceptance tests are passing (yarn run test)
  • Manual tests (minimum tests should cover newly added feature/fix): App works correctly in development build (yarn run dev)
  • Manual tests (minimum tests should cover newly added feature/fix): App works correctly in production build (yarn run package / CI builds)
  • There are no flow errors or warnings (yarn run flow:test)
  • There are no lint errors or warnings (yarn run lint)
  • Text changes are proofread and approved (Jane Wild)
  • There are no missing translations (running yarn run manage:translations produces no changes)
  • UI changes look good in all themes (Alexander Rukin)
  • Storybook works and no stories are broken (yarn run storybook)
  • In case of dependency changes yarn.lock file is updated

Code Quality

  • Important parts of the code are properly documented and commented
  • Code is properly typed with flow
  • React components are split-up enough to avoid unnecessary re-rendering
  • Any code that only works in Electron is neatly separated from components

Testing

  • New feature / change is covered by acceptance tests
  • All existing acceptance tests are still up-to-date
  • New feature / change is covered by Daedalus Testing scenario
  • All existing Daedalus Testing scenarios are still up-to-date

After Review:

  • Merge PR
  • Delete source branch
  • Move ticket to done on the Youtrack board

@nikolaglumac
Copy link
Contributor

@daniloprates we need @a-rukin to approve this! Please align with him and perhaps do a live demo call 🙏

@alexander-rukin
Copy link
Contributor

I'd suggest using ADA as a unicode symbol only in the smallest pending/outgoing transactions with a space (' ') before. Rest look too different from an original ADA symbol. Sorry 😢

@thedanheller thedanheller changed the title Feature/ddw 581 check if we can replace ada symbol images with unicode character [DDW-581] check if we can replace ada symbol images with unicode character Feb 26, 2019
@thedanheller
Copy link
Member Author

svg
loading svg
@a-rukin ?

@nikolaglumac
Copy link
Contributor

What about transactions and the send screen (including transaction confirmation dialog)? There we use ‘ada’ word - wouldn’t it be better to use ada symbol instead?

cc @darko-mijic

@alexander-rukin
Copy link
Contributor

Examples would help understanding if it works

@alexander-rukin
Copy link
Contributor

image

woah @daniloprates looks the same as svg one, think it work for the small ones

@thedanheller
Copy link
Member Author

@a-rukin @nikolaglumac @darko-mijic I like it

image
image

@alexander-rukin
Copy link
Contributor

Looks good 👍

@nikolaglumac
Copy link
Contributor

What about transactions tab?

@thedanheller
Copy link
Member Author

@nikolaglumac
image

@thedanheller
Copy link
Member Author

thedanheller commented Feb 26, 2019

@a-rukin @nikolaglumac @darko-mijic
To summarize:

Loading screen

  • Remains SVG
    image

Summary tab

  • Total value (large icon): Remains SVG
  • Incoming/Outgoing pending confirmations: UTF
    image

Transactions (Summary and Transactions tabs)

  • UTF
    image

Wallet Send screen

  • Amount input: UTF
    image
  • Confirmation dialog: UTF
    image

@nikolaglumac
Copy link
Contributor

@darko-mijic what do you say: #1317 (comment)

@DominikGuzei
Copy link
Member

DominikGuzei commented Feb 27, 2019

Looks great, except for the unicode symbol after the transaction amount … i think that's too thick and probably would be better as --font-light (but the amount itself should stay --font-medium)

daedalus 0 13 0 dev development 2019-02-27 11-50-01

Copy link
Member

@DominikGuzei DominikGuzei left a comment

Choose a reason for hiding this comment

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

Looks 99% perfect - except for the one thing i mentioned above 😉

@nikolaglumac
Copy link
Contributor

@daniloprates @DominikGuzei @a-rukin I have replaced "ADA" text with this new UTF symbol in few places:
ada

@alexander-rukin
Copy link
Contributor

Left menu is ok, but those in a middle looks awkward

@nikolaglumac
Copy link
Contributor

@a-rukin fixed:
screen shot 2019-02-27 at 12 44 42

@nikolaglumac
Copy link
Contributor

@DominikGuzei fixed:
screen shot 2019-02-27 at 12 56 05

Copy link
Contributor

@nikolaglumac nikolaglumac 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! 🎉

Copy link
Contributor

@alexander-rukin alexander-rukin left a comment

Choose a reason for hiding this comment

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

Good

@nikolaglumac nikolaglumac changed the title [DDW-581] check if we can replace ada symbol images with unicode character [DDW-581] Replace ada symbol images with unicode character Feb 27, 2019
@nikolaglumac nikolaglumac merged commit c15d749 into develop Feb 27, 2019
@iohk-bors iohk-bors bot deleted the feature/ddw-581-check-if-we-can-replace-ada-symbol-images-with-unicode-character branch February 27, 2019 12:58
iohk-bors bot added a commit that referenced this pull request Mar 6, 2019
1336: [DDW-581] Revert ada symbol images with unicode character r=nikolaglumac a=daniloprates

This PR reverts part of [PR 1317](#1317), which replaced ada symbol images with unicode character.

---

## Review Checklist:

### Basics

- [ ] PR is updated to the most recent version of target branch (and there are no conflicts)
- [ ] PR has good description that summarizes all changes and shows some screenshots or animated GIFs of important UI changes
- [ ] CHANGELOG entry has been added and is linked to the correct PR on GitHub
- [ ] Automated tests: All acceptance tests are passing (`yarn run test`)
- [ ] Manual tests (minimum tests should cover newly added feature/fix): App works correctly in *development* build (`yarn run dev`)
- [ ] Manual tests (minimum tests should cover newly added feature/fix): App works correctly in *production* build (`yarn run package` / CI builds)
- [ ] There are no *flow* errors or warnings (`yarn run flow:test`)
- [ ] There are no *lint* errors or warnings (`yarn run lint`)
- [ ] Text changes are proofread and approved (Jane Wild)
- [ ] There are no missing translations (running `yarn run manage:translations` produces no changes)
- [ ] UI changes look good in all themes (Alexander Rukin)
- [ ] Storybook works and no stories are broken (`yarn run storybook`)
- [ ] In case of dependency changes `yarn.lock` file is updated

### Code Quality
- [ ] Important parts of the code are properly documented and commented
- [ ] Code is properly typed with flow
- [ ] React components are split-up enough to avoid unnecessary re-rendering
- [ ] Any code that only works in Electron is neatly separated from components

### Testing
- [ ] New feature / change is covered by acceptance tests
- [ ] All existing acceptance tests are still up-to-date
- [ ] New feature / change is covered by Daedalus Testing scenario
- [ ] All existing Daedalus Testing scenarios are still up-to-date

### After Review:
- [ ] Merge PR
- [ ] Delete source branch
- [ ] Move ticket to `done` on the Youtrack board


Co-authored-by: Danilo Prates <daniloprates@gmail.com>
Co-authored-by: Nikola Glumac <niglumac@gmail.com>
@darko-mijic darko-mijic mentioned this pull request Jul 30, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants