Git Product home page Git Product logo

cowswap's People

Contributors

alfetopito avatar alongoni avatar anxolin avatar avsavsavs avatar callil avatar chikeichan avatar crowdin-bot avatar dependabot[bot] avatar fairlighteth avatar fleupold avatar github-actions[bot] avatar hav-noms avatar haydenadams avatar henrypalacios avatar ianlapham avatar jfrankfurt avatar kennyt avatar lint-action avatar maria-vslvn avatar matextrem avatar mirshko avatar moodysalem avatar nenadv91 avatar noahzinsmeister avatar paulrberg avatar ramirotw avatar rossbulat avatar velenir avatar w3stside avatar zzmp avatar

Stargazers

avatar avatar avatar

Watchers

avatar

cowswap's Issues

Make 'Loading...' effect look nicer

Related to changes in #2512

When pages are loaded, a user can notice 'Loading..' message before a page's content appears.
image.png

It would be nice to make this message look nicer (replace it with an image/add effect/etc.)

Also, when the internet connection is slow, content pages show an empty container. It would be also great to add a loading effect to this state, I think.
image.png

Original issue gnosis/cowswap#2554 by @elena-zh

UI issues related to PR 2440/uni merge

Related to #2536

  • 1. 'Connect to a wallet' button's boarder has a light boarder and seems like have a different boarder radius
    image.png
    image.png
    image

  • 2. Profile page: 'Connect to a wallet' button is too wide
    image.png

  • 3. Text in the network selector is almost invisible in the dark mode
    image.png

  • 4. Networks in the selector are not aligned
    image.png

  • 5. Token lists exceed the modal area
    image.png

  • 6. Arrow before' Add a send' field has too bold boarder + center-aligned
    image.png
    image.png

  • 7. Naming is inconsistent: 'Add a send' and 'Remove recipient'. I think, we need to use 'recipient' for both labels (or at least 'send' for both, as it is currently on Prod)
    image.png

  • 8. Too big tooltips
    image.png

  • 9. Account Icon on the 'Confirm' modal is too small
    image
    -The same is on the 'Claim' page
    image

  • 10. Network selector exceeds right screen boarder in mobile devices
    image

  • 11. Network selector is opened 'on hover' event instead of the 'on-click' as we currently use on Prod. So when I press on the network selector twice, it remains opened until I remove a mouse from it. Will we leave it as it is or change to the behavior we currently use?

  • 12. Sometimes I can't open the network selector after a network changing in a mobile view

Original issue gnosis/cowswap#2626 by @elena-zh

2440/uni merge: No info block, incorrect 'View details' link navigation when run transactions with Safe wallet

Related to #2536

Connect to the Gnosis safe wallet

  1. Run approve/wrap/unwrap transaction
  2. Place a sell/but order

AR:

  1. transactions:
  1. sell/buy orders:
  • There is no info block about the signing by owners process.
  • 'View details' link navigates to an order details page when it is in 'Signing' state (should navigate to the Safe transactions)

ER: Safe info blocks should present in the activity modal.
Links should navigate to correct Tx URLs, or safe transactions

Original issue gnosis/cowswap#2630 by @elena-zh

2440/uni merge: remove 'in the dropdown menu' from the Wrong Network message

Related to #2536

  1. Open the app,
  2. Connect to an unsupported network
  3. Press on the 'Wrong Network' button

AR: Message says: 'Please connect to a supported network in the dropdown menu or in your wallet.'
But when select a network in the dropdown, nothing is changed: no request to change a network is sent to the connected wallet.
remove.jpg

ER: it would be nice to remove 'in the dropdown menu' from the Wrong Network message
OR change its text to the currently used:
image.png

Original issue gnosis/cowswap#2645 by @elena-zh

Improve FAQ: Break it down, CMS, Improve navegability

Description
FAQ is hard to maintain and has grown a lot. This also make it hard to read for users.

One first attempt to improve it is this PR #2592, which breaks it down into smaller

We can do some follow up and reiterations to have a MVP (just to have the new FAQ regarding swapability):

  • @fairlighteth I'd love if you can help to style the categories and the button
  • @avsavsavs Let us know about the changes #2592 should have

After this MVP, I would suggest to continue the improvement of it:

  • Research a https://jamstack.org/headless-cms we could use for all webs content. Ideally should be easy to mantain, performant, and would make it easy to upload images and format the content.
  • Dynamically generate content from CMS: landing and cowswap
  • Make some side panels to navigate the categories and questions easier. Similar as the https://thegraph.com/docs/en/delegating
  • Ideally, we would include the FAQ in the Menu once we improve it: #2456

Original issue gnosis/cowswap#2594 by @anxolin

UI issues related to PR 2440/uni merge

Related to #2536

  • 1. 'Connect to a wallet' button's boarder has a light boarder and seems like have a different boarder radius
    image.png
    image.png
    image

  • 2. Profile page: 'Connect to a wallet' button is too wide
    image.png

  • 3. Text in the network selector is almost invisible in the dark mode
    image.png

  • 4. Networks in the selector are not aligned
    image.png

  • 5. Token lists exceed the modal area
    image.png

  • 6. Arrow before' Add a send' field has too bold boarder + center-aligned
    image.png
    image.png

  • 7. Naming is inconsistent: 'Add a send' and 'Remove recipient'. I think, we need to use 'recipient' for both labels (or at least 'send' for both, as it is currently on Prod)
    image.png

  • 8. Too big tooltips
    image.png

  • 9. Account Icon on the 'Confirm' modal is too small
    image
    -The same is on the 'Claim' page
    image

  • 10. Network selector exceeds right screen boarder in mobile devices
    image

  • 11. Network selector is opened 'on hover' event instead of the 'on-click' as we currently use on Prod. So when I press on the network selector twice, it remains opened until I remove a mouse from it. Will we leave it as it is or change to the behavior we currently use?

  • 12. Sometimes I can't open the network selector after a network changing in a mobile view

Original issue gnosis/cowswap#2626 by @elena-zh

Improve FAQ: Break it down, CMS, Improve navegability

Description
FAQ is hard to maintain and has grown a lot. This also make it hard to read for users.

One first attempt to improve it is this PR #2592, which breaks it down into smaller

We can do some follow up and reiterations to have a MVP (just to have the new FAQ regarding swapability):

  • @fairlighteth I'd love if you can help to style the categories and the button
  • @avsavsavs Let us know about the changes #2592 should have

After this MVP, I would suggest to continue the improvement of it:

  • Research a https://jamstack.org/headless-cms we could use for all webs content. Ideally should be easy to mantain, performant, and would make it easy to upload images and format the content.
  • Dynamically generate content from CMS: landing and cowswap
  • Make some side panels to navigate the categories and questions easier. Similar as the https://thegraph.com/docs/en/delegating
  • Ideally, we would include the FAQ in the Menu once we improve it: #2456

Original issue gnosis/cowswap#2594 by @anxolin

Make 'Loading...' effect look nicer

Related to changes in #2512

When pages are loaded, a user can notice 'Loading..' message before a page's content appears.
image.png

It would be nice to make this message look nicer (replace it with an image/add effect/etc.)

Also, when the internet connection is slow, content pages show an empty container. It would be also great to add a loading effect to this state, I think.
image.png

Original issue gnosis/cowswap#2554 by @elena-zh

Hide claiming page

  • Make the claiming route to redirect to profile. We might need to remoe some redux state, updaters, and so on.
  • Make the COW balance in the top link to point to profile.
  • Adapt label, now '(v)COW', also aggregate vCOW+COW (we should have already the hooks ready)

Original issue gnosis/cowswap#2639 by @anxolin

Profile / Cow section updates

  • Buy cow button - navigate to swap page and pre-select order to sell 1 WETH - COW
  • ([good to have] We check the non-zero balances, pick by priority), meaning we check what token has balance or highest balance and set that one in the place of WETH.

Note: Not the actual design just for the reference
Screenshot from 2022-03-31 11-04-40.png

  • Add to MM + See in explorer button/link below the buy cow button

  • Add % discount component + modal

Original issue gnosis/cowswap#2618 by @nenadV91

Profile / Cow section updates

  • Buy cow button - navigate to swap page and pre-select order to sell 1 WETH - COW
  • ([good to have] We check the non-zero balances, pick by priority), meaning we check what token has balance or highest balance and set that one in the place of WETH.

Note: Not the actual design just for the reference
Screenshot from 2022-03-31 11-04-40.png

  • Add to MM + See in explorer button/link below the buy cow button

  • Add % discount component + modal

Original issue gnosis/cowswap#2618 by @nenadV91

2440/uni merge: No info block, incorrect 'View details' link navigation when run transactions with Safe wallet

Related to #2536

Connect to the Gnosis safe wallet

  1. Run approve/wrap/unwrap transaction
  2. Place a sell/but order

AR:

  1. transactions:
  1. sell/buy orders:
  • There is no info block about the signing by owners process.
  • 'View details' link navigates to an order details page when it is in 'Signing' state (should navigate to the Safe transactions)

ER: Safe info blocks should present in the activity modal.
Links should navigate to correct Tx URLs, or safe transactions

Original issue gnosis/cowswap#2630 by @elena-zh

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.