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

Transaction, overview UI & code cleanup #356

Merged
merged 13 commits into from
Apr 7, 2021

Conversation

oshorefueled
Copy link
Contributor

@oshorefueled oshorefueled commented Mar 29, 2021

This PR resolves issue #344.

It also:

  • contains code clean ups which include the addition of components.go, util.go and depricated.go file. Appropriate
    comments were added to each file describing the code that they contain.
  • modifies the progress bar widget. The default progress bar sets the max height to 4DP which doesn't allow a 8DP
    height as specified in the overview mockup.
  • adds a separator widget eliminating the need to initialize a Line object when initializing a page. And also repeatedly
    setting the width of the line. The same code is also present in PR make entire wallet option row clickable #330.
  • adds a Container type which is simply a wrapper to the layout.Inset type to help differentiate when it is used as
    padding or margin. Its purpose is to help visualize the structure of a layout from the code.
  • makes the transaction row layout reusable by both the transactions and overview page.

@oshorefueled oshorefueled force-pushed the transaction_dims branch 3 times, most recently from b02f002 to 9cd4fca Compare March 29, 2021 12:14
@JustinBeBoy JustinBeBoy self-requested a review March 30, 2021 14:14
@JustinBeBoy
Copy link
Contributor

  • The right margin is not aligned

  • The button wrong text when wallet status is offline

}),
layout.Stacked(func(gtx layout.Context) layout.Dimensions {
fillWidth := progressBarWidth * clamp1(p.Progress)
fillColor := p.Color
Copy link
Contributor

Choose a reason for hiding this comment

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

The progress color is "41BE53" and background is E6EAED

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yes, the colours for the track and progress are set on the pages using the progress bar widget

@JustinBeBoy
Copy link
Contributor

The margin is 24
11111

- Correct inaccurate colours and dimension on the top bar. The colour used as background and separator colour was wrong. Receive and Send icons are also replaced with the samesize as those on the mockups.
- Add a container wrapper to differentiate when an inset is used as a margin or padding
- Add a filtering method to filter transaction by direction. It replaces previous transactions filtering where transaction rows were being
  hidden.
- Correct dimensions and alignment of the transaction row
- add separator widget and replace repetitive line implementation on pages
- move code that will be removed when all pages have been updated to the mockup designs to a deprecated file.
- move general page components such as the side nav and top bar to a
  component.go file.
- modify progress bar, adding an exported Height field. The
  default progress bar sets the max height to 4DP which doesn't
  allow a 8DP height as specified in the overview mockup.

- make appropriate dimesion and text size corrections to the
  overview page.

- clean up code by adding code that aren't layout code to the util.go
  file.
- add comments to compontents, util and deprecated.go files
- remove top padding on transactions list
- change color name from IconColor to Gray3
- add inactive colour to side nav text
@oshorefueled
Copy link
Contributor Author

  • The button wrong text when wallet status is offline

I'm not sure how to reproduce that error, you can create that as an issue and it will be resolved on another PR.

@oshorefueled oshorefueled merged commit 12b5f32 into planetdecred:master Apr 7, 2021
song50119 pushed a commit to song50119/godcr that referenced this pull request Apr 24, 2022
* add comma to wallet balance

* make colour and dimension corrections
- Add a container wrapper to differentiate when an inset is used as a margin or padding

* correct dimensions and layout of transaction list
- Add a filtering method to filter transaction by direction. It replaces previous transactions filtering where transaction rows were being
  hidden.
- Correct dimensions and alignment of the transaction row

* multi: add separator widget
- add separator widget and replace repetitive line implementation on pages
- move code that will be removed when all pages have been updated to the mockup designs to a deprecated file.
- move general page components such as the side nav and top bar to a
  component.go file.

* multi: correct ui dimension on overview page

- modify progress bar, adding an exported Height field. The
  default progress bar sets the max height to 4DP which doesn't
  allow a 8DP height as specified in the overview mockup.
- clean up code by adding code that aren't layout code to the util.go
  file.

* multi: make deep blue the default text colour
- add inactive colour to side nav text
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants