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

Improve header 2 #606

Merged
merged 2 commits into from
Jun 2, 2022
Merged

Improve header 2 #606

merged 2 commits into from
Jun 2, 2022

Conversation

fairlighteth
Copy link
Contributor

Summary

  • Part of a waterfall PR, the final one being Header/Menu improvement (waterfall PR FINAL)  #596
  • Minor styling
  • Makes sure the whole account section in the header (balance + account address) will trigger the openOrdersPanel on click. Before it was only on click of the address. Now the whole pill is clickable.

@fairlighteth fairlighteth requested review from a team May 30, 2022 15:57
@github-actions
Copy link
Contributor

CLA Assistant Lite All Contributors have signed the CLA.

@github-actions
Copy link
Contributor

  • 🔭 GP Swap: CoW Protocol v2 Swap UI

Copy link
Collaborator

@alfetopito alfetopito left a comment

Choose a reason for hiding this comment

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

Changes described here work as intended.

Side note, the styles seems to have changed somewhere along the way and now account balance and account address have the same background
Screen Shot 2022-05-31 at 09 30 37

I assume this will be changed in the follow up PRs
Also, there's no menu as of yet, so I can't change dark mode etc

@fairlighteth
Copy link
Contributor Author

Thanks for reviewing @alfetopito

I assume this will be changed in the follow up PRs

This is correct.

@@ -499,7 +499,7 @@ export default function Profile() {
</FlexWrap>
</ChildWrapper>
</GridWrap>
{!account && <Web3Status openOrdersPanel={() => console.log('TODO')} />}
{!account && <Web3Status />}
Copy link
Contributor

Choose a reason for hiding this comment

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

be careful with this if there is async logic setting state or whatever inside Web3Status as you'll get memory leaks. Could be best to render conditoinally inside Web3Status

Copy link
Contributor Author

Choose a reason for hiding this comment

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

When you get to review #596 please double check if this is still a concern, and whether it should be fixed.

@nenadV91
Copy link
Contributor

nenadV91 commented May 31, 2022

I'm not sure if this is intended, or if not maybe its fixed in the following PR's but now if I'm not connected and click on the Connect to a wallet header button both wallet and account modals open as shown on the image

Screenshot from 2022-05-31 14-36-51

@fairlighteth
Copy link
Contributor Author

I'm not sure if this is intended, or if not maybe its fixed in the following PR's but now if I'm not connected and click on the Connect to a wallet header button both wallet and account modals open as shown on the image

Screenshot from 2022-05-31 14-36-51

Yes, good find. Definitely a bug. It happens on the latest PR as well https://pr596--cowswap.review.gnosisdev.com/#/swap?chain=gnosis_chain so will need to address it with an additional PR.

* Rename /profile to /account

* Improve header 4 (#604)

* Switch to custom MenuDropdown compontent and create a POC.

* Improve header 5 (#603)

* Improve FAQ text

* Improve header 6 (#602)

* connect button styling

* Further flyout menu styling

* Improve header 7 (#601)

* Further flyout menu styling

* Uniform menu items styling

* Move styled components to styled

* Add hamburger icon with animation component.

* Improve header 8 (#600)

* Add mediaQuery hook

* Improve header 9 (#599)

* Progress mobile responsive menu

* Progress mobile responsive menu

* Improve header 10 (#598)

* Move to helper function

* Optimise menu code

* Improve header 11 (#597)

* Move URLS to an ENUM

* Fix enum issue.

* Styling and route fixes.

* Styling.

* Styling.

* Header/Menu improvement (waterfall PR FINAL)  (#596)

* Styling.

* Styling footer and bridge banner.

* Improve header 13 (#610)

* Fix network selector position.

* Fix exports/imports for network selector.

* Only open ordersPanel if account is true.
@fairlighteth fairlighteth merged commit fab1355 into improve-header-1 Jun 2, 2022
@github-actions github-actions bot locked and limited conversation to collaborators Jun 2, 2022
@alfetopito alfetopito deleted the improve-header-2 branch June 3, 2022 07:43
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants