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

feat(dapp): add create dao field tooltips #486

Merged
merged 7 commits into from
Apr 15, 2022

Conversation

grikomsn
Copy link
Contributor

@grikomsn grikomsn commented Apr 12, 2022

Description

This PR closes #433 which implements create dao field tooltips in favor of the sidebar information UI. Some fields doesn't make sense having info tooltips, we'll need to brainstorm further on how to message information.

Might need to create a custom tooltip component for handing specific edge cases. Some contexts don't even makes sense using tooltip but rather using drawers1 or popovers2.

Changes

https://github.com/DA0-DA0/dao-ui/pull/486/commits

Screenshots

Wallet Button

CleanShot 2022-04-15 at 05 22 24

Create DAO page

CleanShot 2022-04-15 at 05 28 09

Notes

-

Footnotes

  1. https://chakra-ui.com/docs/components/overlay/drawer

  2. https://chakra-ui.com/docs/components/overlay/popover

@grikomsn grikomsn added the enhancement New feature or request label Apr 12, 2022
@grikomsn grikomsn self-assigned this Apr 12, 2022
@vercel
Copy link

vercel bot commented Apr 12, 2022

@grikomsn is attempting to deploy a commit to the DAO DAO Team on Vercel.

To accomplish this, @grikomsn needs to request access to the Team.

Afterwards, an owner of the Team is required to accept their membership request.

If you're already a member of the respective Vercel Team, make sure that your Personal Vercel Account is connected to your GitHub account.

@grikomsn grikomsn force-pushed the feature/improve-create-dao-tooltip branch from 132b29a to df16528 Compare April 12, 2022 23:04
@0xekez
Copy link
Contributor

0xekez commented Apr 13, 2022

This is looking great! Thanks for putting this together.

@JakeHartnell
Copy link
Member

Just needs linting. We use prettier.js which you should be able to easily configure with your editor of choice: https://prettier.io/

@grikomsn
Copy link
Contributor Author

@JakeHartnell for sure! Worth checking #487 to improve eslint and prettier integration 1.

Footnotes

  1. https://github.com/DA0-DA0/dao-ui/pull/487

@grikomsn grikomsn force-pushed the feature/improve-create-dao-tooltip branch 3 times, most recently from c493843 to 059b21a Compare April 14, 2022 21:20
@grikomsn grikomsn force-pushed the feature/improve-create-dao-tooltip branch from 059b21a to 671fe3c Compare April 14, 2022 21:36
@grikomsn grikomsn marked this pull request as ready for review April 14, 2022 22:30
@grikomsn grikomsn requested review from 0xekez and NoahSaso April 14, 2022 22:32
@grikomsn
Copy link
Contributor Author

@NoahSaso, thoughts on this PR? Might need to create another PR adding tooltips on other parts of the UI.

@grikomsn grikomsn merged commit 406f9fa into development Apr 15, 2022
@grikomsn grikomsn deleted the feature/improve-create-dao-tooltip branch April 15, 2022 18:38
@NoahSaso NoahSaso mentioned this pull request Apr 16, 2022
NoahSaso pushed a commit that referenced this pull request Apr 16, 2022
JakeHartnell added a commit that referenced this pull request Apr 16, 2022
* Add utils package

* newline at the end of tsconfig.json

* remove debugging console.log

* Crispier toasts (#442)

* Increased duration toasts display on screen.

* Display notifications above suspense loader.

* Fixed vscode eslint fixing incorrect rules, and reformatted.

* Display executed proposal TX hashes with link to Mintscan (#441)

* Display executed proposal TX hash in sidebar.

* Added link to executed proposal TX on mintscan.

* Improved user messages about tx hash.

* Made TX hash loadable in case the query takes some time.

* Only add link to proposal tx hash if NEXT_PUBLIC_CHAIN_TXN_URL_PREFIX present.

* Formatted.

* Generalized copy to clipboard message.

* Improve proposal template UX (#440)

* Preview proposal message JSON when creating. Renamed messages to actions on proposal create page.

* Recognize and display message templates on existing proposals.

* Fixed spend cosmos msg detection.

* Formatted.

* PR fixes.

* Fixed prettier lint error.

* Update packages/utils/package.json

Co-authored-by: Noah Saso <noahsaso@gmail.com>

* Add check for connected wallet (#452)

* Show second by second countdown when unstaking. (#456)

* Icons package (#428)

* Init 'icons' package.

* Add init assets to 'icons' package.

* Use Wallet from @dao-dao/icons.

* Added "Add Token" Button (#458)

* Added "Add Token" Button

* Use "addTokenCallback" in "StarButton"

* Moved "Add Token" inside "DaoTreasury"

* Fix formatting issue in Button.tsx. (#461)

* Disable check for staked balance at proposal creation time. (#464)

Currently there is an issue with querying past chain state from before
the chain halted. This makes voting on proposals created before the
chain halt not possible as that check requires those queries to work.

This removes that check for now. Next week, once those proposals have
cleared we can re enable it.

* Allow voting abstain on proposals. (#454)

* Use version number from package.json. (#455)

* Migrate away from Daisy UI and bring design closer to spec. (#457)

* WIP - migrate away from Daisy UI.

* Use text sizes from spec in pages covered so far.

Have mostly completed:

- /starred
- DAO homepage
- staking modal
- nav bar

* Proposal view working and new proposal template selection modal.

* WIP - proposal voting page.

* Update ProposalDetails and allow voting.

* Add proposal execute button.

* Add loading state to button.

* Update multisig page visuals.

* Fix build errors.

* Updated DAO create page.

* DAO create page visual improvements.

* Update Multisig create page.

* Remove unused component files.

* Checkpoint don't commit this Zeke.

* Added weeks and days to seconds formatter.

* Add Token image field and update most templates.

* Prompt to stake if no voting power for voting.

* Accent DAO / Multisig page with average color of logo (#460)

* Use average color from DAO's logo as accent color.

* Added colorization to multisig page.

* Ran next formatter.

* Fixed yarn lock URLs.

* Failsafe and load page if client fails to connect when averaging color.

* Address feedback from Sager.

* Add label to DAO / Multisig name field (#470)

* WIP - migrate away from Daisy UI.

* Use text sizes from spec in pages covered so far.

Have mostly completed:

- /starred
- DAO homepage
- staking modal
- nav bar

* Proposal view working and new proposal template selection modal.

* WIP - proposal voting page.

* Update ProposalDetails and allow voting.

* Add proposal execute button.

* Add loading state to button.

* Update multisig page visuals.

* Fix build errors.

* Updated DAO create page.

* DAO create page visual improvements.

* Update Multisig create page.

* Remove unused component files.

* Checkpoint don't commit this Zeke.

* Added weeks and days to seconds formatter.

* Add Token image field and update most templates.

* Prompt to stake if no voting power for voting.

* Address feedback from Sager.

* Accent DAO / Multisig page with average color of logo (#460)

* Use average color from DAO's logo as accent color.

* Added colorization to multisig page.

* Ran next formatter.

* Fixed yarn lock URLs.

* Failsafe and load page if client fails to connect when averaging color.

* Add label to DAO / Multisig name field (#470)

* Misc fixes.

* Swap to a tooltip library that actually works.

* Marketing token image & ensure sufficent contrast in accent color.

* Prompt to configure keplr if installed but not configured.

* Don't perform accent color check in useEffect.

Pls vercel.

* Final fixups from testing.

* Feedback from elgorithm.

* Correctly center background token images.

Co-authored-by: Noah Saso <noahsaso@gmail.com>
Co-authored-by: Jake Hartnell <Jake.Hartnell@gmail.com>

* Persist description newlines on ContractView (#476)

* Reuse @cosmjs clients (#480)

* ChainClientRouter and its integration

* upd comment

* pr feedback

* Make connect wallet and wallet display button same sizes. (#482)

* feat(ui): update reach tooltip styles (#485)

* Fix treasury typo (#488)

* Fix treasury typo

* lint

* Update cosmJS dependency to reduce initial JS load size. (#479)

Resolves #19.

* Better display when user did not vote on proposal. (#478)

* Swap positions of submit and preview in proposal form. (#477)

* Merge development into main! (#473)

* Add utils package

* newline at the end of tsconfig.json

* remove debugging console.log

* Crispier toasts (#442)

* Increased duration toasts display on screen.

* Display notifications above suspense loader.

* Fixed vscode eslint fixing incorrect rules, and reformatted.

* Display executed proposal TX hashes with link to Mintscan (#441)

* Display executed proposal TX hash in sidebar.

* Added link to executed proposal TX on mintscan.

* Improved user messages about tx hash.

* Made TX hash loadable in case the query takes some time.

* Only add link to proposal tx hash if NEXT_PUBLIC_CHAIN_TXN_URL_PREFIX present.

* Formatted.

* Generalized copy to clipboard message.

* Improve proposal template UX (#440)

* Preview proposal message JSON when creating. Renamed messages to actions on proposal create page.

* Recognize and display message templates on existing proposals.

* Fixed spend cosmos msg detection.

* Formatted.

* PR fixes.

* Fixed prettier lint error.

* Update packages/utils/package.json

Co-authored-by: Noah Saso <noahsaso@gmail.com>

* Add check for connected wallet (#452)

* Show second by second countdown when unstaking. (#456)

* Icons package (#428)

* Init 'icons' package.

* Add init assets to 'icons' package.

* Use Wallet from @dao-dao/icons.

* Added "Add Token" Button (#458)

* Added "Add Token" Button

* Use "addTokenCallback" in "StarButton"

* Moved "Add Token" inside "DaoTreasury"

* Fix formatting issue in Button.tsx. (#461)

* Disable check for staked balance at proposal creation time. (#464)

Currently there is an issue with querying past chain state from before
the chain halted. This makes voting on proposals created before the
chain halt not possible as that check requires those queries to work.

This removes that check for now. Next week, once those proposals have
cleared we can re enable it.

* Allow voting abstain on proposals. (#454)

* Use version number from package.json. (#455)

* Migrate away from Daisy UI and bring design closer to spec. (#457)

* WIP - migrate away from Daisy UI.

* Use text sizes from spec in pages covered so far.

Have mostly completed:

- /starred
- DAO homepage
- staking modal
- nav bar

* Proposal view working and new proposal template selection modal.

* WIP - proposal voting page.

* Update ProposalDetails and allow voting.

* Add proposal execute button.

* Add loading state to button.

* Update multisig page visuals.

* Fix build errors.

* Updated DAO create page.

* DAO create page visual improvements.

* Update Multisig create page.

* Remove unused component files.

* Checkpoint don't commit this Zeke.

* Added weeks and days to seconds formatter.

* Add Token image field and update most templates.

* Prompt to stake if no voting power for voting.

* Accent DAO / Multisig page with average color of logo (#460)

* Use average color from DAO's logo as accent color.

* Added colorization to multisig page.

* Ran next formatter.

* Fixed yarn lock URLs.

* Failsafe and load page if client fails to connect when averaging color.

* Address feedback from Sager.

* Add label to DAO / Multisig name field (#470)

* WIP - migrate away from Daisy UI.

* Use text sizes from spec in pages covered so far.

Have mostly completed:

- /starred
- DAO homepage
- staking modal
- nav bar

* Proposal view working and new proposal template selection modal.

* WIP - proposal voting page.

* Update ProposalDetails and allow voting.

* Add proposal execute button.

* Add loading state to button.

* Update multisig page visuals.

* Fix build errors.

* Updated DAO create page.

* DAO create page visual improvements.

* Update Multisig create page.

* Remove unused component files.

* Checkpoint don't commit this Zeke.

* Added weeks and days to seconds formatter.

* Add Token image field and update most templates.

* Prompt to stake if no voting power for voting.

* Address feedback from Sager.

* Accent DAO / Multisig page with average color of logo (#460)

* Use average color from DAO's logo as accent color.

* Added colorization to multisig page.

* Ran next formatter.

* Fixed yarn lock URLs.

* Failsafe and load page if client fails to connect when averaging color.

* Add label to DAO / Multisig name field (#470)

* Misc fixes.

* Swap to a tooltip library that actually works.

* Marketing token image & ensure sufficent contrast in accent color.

* Prompt to configure keplr if installed but not configured.

* Don't perform accent color check in useEffect.

Pls vercel.

* Final fixups from testing.

* Feedback from elgorithm.

* Correctly center background token images.

Co-authored-by: Noah Saso <noahsaso@gmail.com>
Co-authored-by: Jake Hartnell <Jake.Hartnell@gmail.com>

Co-authored-by: Sagar Saija <sagarsaija@yahoo.com>
Co-authored-by: Noah Saso <noahsaso@gmail.com>
Co-authored-by: Jake Hartnell <Jake.Hartnell@gmail.com>
Co-authored-by: Joshua Van Deren <livetoscout@gmail.com>
Co-authored-by: ebaker <430383+ebaker@users.noreply.github.com>

* Add missing daotoken image. (#474)

* Swap positions of submit and preview in proposal form.

Resolves #475

* fixup! correctly line wrap.

Co-authored-by: Sagar Saija <sagarsaija@yahoo.com>
Co-authored-by: Noah Saso <noahsaso@gmail.com>
Co-authored-by: Jake Hartnell <Jake.Hartnell@gmail.com>
Co-authored-by: Joshua Van Deren <livetoscout@gmail.com>
Co-authored-by: ebaker <430383+ebaker@users.noreply.github.com>

* Better empty state for new users (#449)

* Empty state contract cards

* Hover animation

* Moved to components/

* Renamed Mystery to Empty cards

* feat: improve eslint and prettier integration (#487)

* New proposal status UI (#489)

* chore: format and lint all sources (#493)

* Redeploy Vercel.

* Create proposal details card & make proposal details page responsive (#494)

* Turned proposal details into card, and created details card and vote status components.

* Made proposal details page responsive!

* feat(dapp): add create dao field tooltips (#486)

* Minor hindsight proposal status UI tweaks (#498)

* Increased height of vertical bars on progress bars, added message when proposal is passing, cleaned up unnecessary classes, and removed unused label prop from vertical bars on progress bars.

* Improved passing threshold indicator language to be less prescriptive.

* Added helpful status text for threshold and quorum cases for clarification purpses.

* feat(dapp): add create dao field tooltips (#486)

* Minor hindsight proposal status UI tweaks (#498)

* Increased height of vertical bars on progress bars, added message when proposal is passing, cleaned up unnecessary classes, and removed unused label prop from vertical bars on progress bars.

* Improved passing threshold indicator language to be less prescriptive.

* Added helpful status text for threshold and quorum cases for clarification purpses.

Co-authored-by: Sagar Saija <sagarsaija@yahoo.com>
Co-authored-by: Jake Hartnell <Jake.Hartnell@gmail.com>
Co-authored-by: Joshua Van Deren <livetoscout@gmail.com>
Co-authored-by: zeke <30676292+ezekiiel@users.noreply.github.com>
Co-authored-by: ebaker <430383+ebaker@users.noreply.github.com>
Co-authored-by: Sashimi <93623541+sashimi36@users.noreply.github.com>
Co-authored-by: Griko Nibras <grikomsn@live.com>
Co-authored-by: bao <baoskee@users.noreply.github.com>
Co-authored-by: Griko Nibras <git@griko.id>
0xekez pushed a commit that referenced this pull request Apr 18, 2022
Display executed proposal TX hashes with link to Mintscan (#441)

* Display executed proposal TX hash in sidebar.

* Added link to executed proposal TX on mintscan.

* Improved user messages about tx hash.

* Made TX hash loadable in case the query takes some time.

* Only add link to proposal tx hash if NEXT_PUBLIC_CHAIN_TXN_URL_PREFIX present.

* Formatted.

* Generalized copy to clipboard message.

Improve proposal template UX (#440)

* Preview proposal message JSON when creating. Renamed messages to actions on proposal create page.

* Recognize and display message templates on existing proposals.

* Fixed spend cosmos msg detection.

* Formatted.

* PR fixes.

* Fixed prettier lint error.

Add utils package

newline at the end of tsconfig.json

remove debugging console.log

Update packages/utils/package.json

Co-authored-by: Noah Saso <noahsaso@gmail.com>

Show second by second countdown when unstaking. (#456)

Icons package (#428)

* Init 'icons' package.

* Add init assets to 'icons' package.

* Use Wallet from @dao-dao/icons.

Added "Add Token" Button (#458)

* Added "Add Token" Button

* Use "addTokenCallback" in "StarButton"

* Moved "Add Token" inside "DaoTreasury"

Fix formatting issue in Button.tsx. (#461)

Disable check for staked balance at proposal creation time. (#464)

Currently there is an issue with querying past chain state from before
the chain halted. This makes voting on proposals created before the
chain halt not possible as that check requires those queries to work.

This removes that check for now. Next week, once those proposals have
cleared we can re enable it.

Allow voting abstain on proposals. (#454)

Migrate away from Daisy UI and bring design closer to spec. (#457)

* WIP - migrate away from Daisy UI.

* Use text sizes from spec in pages covered so far.

Have mostly completed:

- /starred
- DAO homepage
- staking modal
- nav bar

* Proposal view working and new proposal template selection modal.

* WIP - proposal voting page.

* Update ProposalDetails and allow voting.

* Add proposal execute button.

* Add loading state to button.

* Update multisig page visuals.

* Fix build errors.

* Updated DAO create page.

* DAO create page visual improvements.

* Update Multisig create page.

* Remove unused component files.

* Checkpoint don't commit this Zeke.

* Added weeks and days to seconds formatter.

* Add Token image field and update most templates.

* Prompt to stake if no voting power for voting.

* Accent DAO / Multisig page with average color of logo (#460)

* Use average color from DAO's logo as accent color.

* Added colorization to multisig page.

* Ran next formatter.

* Fixed yarn lock URLs.

* Failsafe and load page if client fails to connect when averaging color.

* Address feedback from Sager.

* Add label to DAO / Multisig name field (#470)

* WIP - migrate away from Daisy UI.

* Use text sizes from spec in pages covered so far.

Have mostly completed:

- /starred
- DAO homepage
- staking modal
- nav bar

* Proposal view working and new proposal template selection modal.

* WIP - proposal voting page.

* Update ProposalDetails and allow voting.

* Add proposal execute button.

* Add loading state to button.

* Update multisig page visuals.

* Fix build errors.

* Updated DAO create page.

* DAO create page visual improvements.

* Update Multisig create page.

* Remove unused component files.

* Checkpoint don't commit this Zeke.

* Added weeks and days to seconds formatter.

* Add Token image field and update most templates.

* Prompt to stake if no voting power for voting.

* Address feedback from Sager.

* Accent DAO / Multisig page with average color of logo (#460)

* Use average color from DAO's logo as accent color.

* Added colorization to multisig page.

* Ran next formatter.

* Fixed yarn lock URLs.

* Failsafe and load page if client fails to connect when averaging color.

* Add label to DAO / Multisig name field (#470)

* Misc fixes.

* Swap to a tooltip library that actually works.

* Marketing token image & ensure sufficent contrast in accent color.

* Prompt to configure keplr if installed but not configured.

* Don't perform accent color check in useEffect.

Pls vercel.

* Final fixups from testing.

* Feedback from elgorithm.

* Correctly center background token images.

Co-authored-by: Noah Saso <noahsaso@gmail.com>
Co-authored-by: Jake Hartnell <Jake.Hartnell@gmail.com>

Persist description newlines on ContractView (#476)

Reuse @cosmjs clients (#480)

* ChainClientRouter and its integration

* upd comment

* pr feedback

Make connect wallet and wallet display button same sizes. (#482)

feat(ui): update reach tooltip styles (#485)

Fix treasury typo (#488)

* Fix treasury typo

* lint

Update cosmJS dependency to reduce initial JS load size. (#479)

Resolves #19.

Better display when user did not vote on proposal. (#478)

Swap positions of submit and preview in proposal form. (#477)

* Merge development into main! (#473)

* Add utils package

* newline at the end of tsconfig.json

* remove debugging console.log

* Crispier toasts (#442)

* Increased duration toasts display on screen.

* Display notifications above suspense loader.

* Fixed vscode eslint fixing incorrect rules, and reformatted.

* Display executed proposal TX hashes with link to Mintscan (#441)

* Display executed proposal TX hash in sidebar.

* Added link to executed proposal TX on mintscan.

* Improved user messages about tx hash.

* Made TX hash loadable in case the query takes some time.

* Only add link to proposal tx hash if NEXT_PUBLIC_CHAIN_TXN_URL_PREFIX present.

* Formatted.

* Generalized copy to clipboard message.

* Improve proposal template UX (#440)

* Preview proposal message JSON when creating. Renamed messages to actions on proposal create page.

* Recognize and display message templates on existing proposals.

* Fixed spend cosmos msg detection.

* Formatted.

* PR fixes.

* Fixed prettier lint error.

* Update packages/utils/package.json

Co-authored-by: Noah Saso <noahsaso@gmail.com>

* Add check for connected wallet (#452)

* Show second by second countdown when unstaking. (#456)

* Icons package (#428)

* Init 'icons' package.

* Add init assets to 'icons' package.

* Use Wallet from @dao-dao/icons.

* Added "Add Token" Button (#458)

* Added "Add Token" Button

* Use "addTokenCallback" in "StarButton"

* Moved "Add Token" inside "DaoTreasury"

* Fix formatting issue in Button.tsx. (#461)

* Disable check for staked balance at proposal creation time. (#464)

Currently there is an issue with querying past chain state from before
the chain halted. This makes voting on proposals created before the
chain halt not possible as that check requires those queries to work.

This removes that check for now. Next week, once those proposals have
cleared we can re enable it.

* Allow voting abstain on proposals. (#454)

* Use version number from package.json. (#455)

* Migrate away from Daisy UI and bring design closer to spec. (#457)

* WIP - migrate away from Daisy UI.

* Use text sizes from spec in pages covered so far.

Have mostly completed:

- /starred
- DAO homepage
- staking modal
- nav bar

* Proposal view working and new proposal template selection modal.

* WIP - proposal voting page.

* Update ProposalDetails and allow voting.

* Add proposal execute button.

* Add loading state to button.

* Update multisig page visuals.

* Fix build errors.

* Updated DAO create page.

* DAO create page visual improvements.

* Update Multisig create page.

* Remove unused component files.

* Checkpoint don't commit this Zeke.

* Added weeks and days to seconds formatter.

* Add Token image field and update most templates.

* Prompt to stake if no voting power for voting.

* Accent DAO / Multisig page with average color of logo (#460)

* Use average color from DAO's logo as accent color.

* Added colorization to multisig page.

* Ran next formatter.

* Fixed yarn lock URLs.

* Failsafe and load page if client fails to connect when averaging color.

* Address feedback from Sager.

* Add label to DAO / Multisig name field (#470)

* WIP - migrate away from Daisy UI.

* Use text sizes from spec in pages covered so far.

Have mostly completed:

- /starred
- DAO homepage
- staking modal
- nav bar

* Proposal view working and new proposal template selection modal.

* WIP - proposal voting page.

* Update ProposalDetails and allow voting.

* Add proposal execute button.

* Add loading state to button.

* Update multisig page visuals.

* Fix build errors.

* Updated DAO create page.

* DAO create page visual improvements.

* Update Multisig create page.

* Remove unused component files.

* Checkpoint don't commit this Zeke.

* Added weeks and days to seconds formatter.

* Add Token image field and update most templates.

* Prompt to stake if no voting power for voting.

* Address feedback from Sager.

* Accent DAO / Multisig page with average color of logo (#460)

* Use average color from DAO's logo as accent color.

* Added colorization to multisig page.

* Ran next formatter.

* Fixed yarn lock URLs.

* Failsafe and load page if client fails to connect when averaging color.

* Add label to DAO / Multisig name field (#470)

* Misc fixes.

* Swap to a tooltip library that actually works.

* Marketing token image & ensure sufficent contrast in accent color.

* Prompt to configure keplr if installed but not configured.

* Don't perform accent color check in useEffect.

Pls vercel.

* Final fixups from testing.

* Feedback from elgorithm.

* Correctly center background token images.

Co-authored-by: Noah Saso <noahsaso@gmail.com>
Co-authored-by: Jake Hartnell <Jake.Hartnell@gmail.com>

Co-authored-by: Sagar Saija <sagarsaija@yahoo.com>
Co-authored-by: Noah Saso <noahsaso@gmail.com>
Co-authored-by: Jake Hartnell <Jake.Hartnell@gmail.com>
Co-authored-by: Joshua Van Deren <livetoscout@gmail.com>
Co-authored-by: ebaker <430383+ebaker@users.noreply.github.com>

* Add missing daotoken image. (#474)

* Swap positions of submit and preview in proposal form.

Resolves #475

* fixup! correctly line wrap.

Co-authored-by: Sagar Saija <sagarsaija@yahoo.com>
Co-authored-by: Noah Saso <noahsaso@gmail.com>
Co-authored-by: Jake Hartnell <Jake.Hartnell@gmail.com>
Co-authored-by: Joshua Van Deren <livetoscout@gmail.com>
Co-authored-by: ebaker <430383+ebaker@users.noreply.github.com>

Better empty state for new users (#449)

* Empty state contract cards

* Hover animation

* Moved to components/

* Renamed Mystery to Empty cards

feat: improve eslint and prettier integration (#487)

New proposal status UI (#489)

chore: format and lint all sources (#493)

Redeploy Vercel.

Create proposal details card & make proposal details page responsive (#494)

* Turned proposal details into card, and created details card and vote status components.

* Made proposal details page responsive!

feat(dapp): add create dao field tooltips (#486)

Minor hindsight proposal status UI tweaks (#498)

* Increased height of vertical bars on progress bars, added message when proposal is passing, cleaned up unnecessary classes, and removed unused label prop from vertical bars on progress bars.

* Improved passing threshold indicator language to be less prescriptive.

* Added helpful status text for threshold and quorum cases for clarification purpses.

Only show time left when proposal is open.

Split StakingModal into stateless and stateful components.
0xekez added a commit that referenced this pull request Apr 18, 2022
* Only show abstain clarification once people vote.

* Split staking modal into stateless and statefull components.

Display executed proposal TX hashes with link to Mintscan (#441)

* Display executed proposal TX hash in sidebar.

* Added link to executed proposal TX on mintscan.

* Improved user messages about tx hash.

* Made TX hash loadable in case the query takes some time.

* Only add link to proposal tx hash if NEXT_PUBLIC_CHAIN_TXN_URL_PREFIX present.

* Formatted.

* Generalized copy to clipboard message.

Improve proposal template UX (#440)

* Preview proposal message JSON when creating. Renamed messages to actions on proposal create page.

* Recognize and display message templates on existing proposals.

* Fixed spend cosmos msg detection.

* Formatted.

* PR fixes.

* Fixed prettier lint error.

Add utils package

newline at the end of tsconfig.json

remove debugging console.log

Update packages/utils/package.json

Co-authored-by: Noah Saso <noahsaso@gmail.com>

Show second by second countdown when unstaking. (#456)

Icons package (#428)

* Init 'icons' package.

* Add init assets to 'icons' package.

* Use Wallet from @dao-dao/icons.

Added "Add Token" Button (#458)

* Added "Add Token" Button

* Use "addTokenCallback" in "StarButton"

* Moved "Add Token" inside "DaoTreasury"

Fix formatting issue in Button.tsx. (#461)

Disable check for staked balance at proposal creation time. (#464)

Currently there is an issue with querying past chain state from before
the chain halted. This makes voting on proposals created before the
chain halt not possible as that check requires those queries to work.

This removes that check for now. Next week, once those proposals have
cleared we can re enable it.

Allow voting abstain on proposals. (#454)

Migrate away from Daisy UI and bring design closer to spec. (#457)

* WIP - migrate away from Daisy UI.

* Use text sizes from spec in pages covered so far.

Have mostly completed:

- /starred
- DAO homepage
- staking modal
- nav bar

* Proposal view working and new proposal template selection modal.

* WIP - proposal voting page.

* Update ProposalDetails and allow voting.

* Add proposal execute button.

* Add loading state to button.

* Update multisig page visuals.

* Fix build errors.

* Updated DAO create page.

* DAO create page visual improvements.

* Update Multisig create page.

* Remove unused component files.

* Checkpoint don't commit this Zeke.

* Added weeks and days to seconds formatter.

* Add Token image field and update most templates.

* Prompt to stake if no voting power for voting.

* Accent DAO / Multisig page with average color of logo (#460)

* Use average color from DAO's logo as accent color.

* Added colorization to multisig page.

* Ran next formatter.

* Fixed yarn lock URLs.

* Failsafe and load page if client fails to connect when averaging color.

* Address feedback from Sager.

* Add label to DAO / Multisig name field (#470)

* WIP - migrate away from Daisy UI.

* Use text sizes from spec in pages covered so far.

Have mostly completed:

- /starred
- DAO homepage
- staking modal
- nav bar

* Proposal view working and new proposal template selection modal.

* WIP - proposal voting page.

* Update ProposalDetails and allow voting.

* Add proposal execute button.

* Add loading state to button.

* Update multisig page visuals.

* Fix build errors.

* Updated DAO create page.

* DAO create page visual improvements.

* Update Multisig create page.

* Remove unused component files.

* Checkpoint don't commit this Zeke.

* Added weeks and days to seconds formatter.

* Add Token image field and update most templates.

* Prompt to stake if no voting power for voting.

* Address feedback from Sager.

* Accent DAO / Multisig page with average color of logo (#460)

* Use average color from DAO's logo as accent color.

* Added colorization to multisig page.

* Ran next formatter.

* Fixed yarn lock URLs.

* Failsafe and load page if client fails to connect when averaging color.

* Add label to DAO / Multisig name field (#470)

* Misc fixes.

* Swap to a tooltip library that actually works.

* Marketing token image & ensure sufficent contrast in accent color.

* Prompt to configure keplr if installed but not configured.

* Don't perform accent color check in useEffect.

Pls vercel.

* Final fixups from testing.

* Feedback from elgorithm.

* Correctly center background token images.

Co-authored-by: Noah Saso <noahsaso@gmail.com>
Co-authored-by: Jake Hartnell <Jake.Hartnell@gmail.com>

Persist description newlines on ContractView (#476)

Reuse @cosmjs clients (#480)

* ChainClientRouter and its integration

* upd comment

* pr feedback

Make connect wallet and wallet display button same sizes. (#482)

feat(ui): update reach tooltip styles (#485)

Fix treasury typo (#488)

* Fix treasury typo

* lint

Update cosmJS dependency to reduce initial JS load size. (#479)

Resolves #19.

Better display when user did not vote on proposal. (#478)

Swap positions of submit and preview in proposal form. (#477)

* Merge development into main! (#473)

* Add utils package

* newline at the end of tsconfig.json

* remove debugging console.log

* Crispier toasts (#442)

* Increased duration toasts display on screen.

* Display notifications above suspense loader.

* Fixed vscode eslint fixing incorrect rules, and reformatted.

* Display executed proposal TX hashes with link to Mintscan (#441)

* Display executed proposal TX hash in sidebar.

* Added link to executed proposal TX on mintscan.

* Improved user messages about tx hash.

* Made TX hash loadable in case the query takes some time.

* Only add link to proposal tx hash if NEXT_PUBLIC_CHAIN_TXN_URL_PREFIX present.

* Formatted.

* Generalized copy to clipboard message.

* Improve proposal template UX (#440)

* Preview proposal message JSON when creating. Renamed messages to actions on proposal create page.

* Recognize and display message templates on existing proposals.

* Fixed spend cosmos msg detection.

* Formatted.

* PR fixes.

* Fixed prettier lint error.

* Update packages/utils/package.json

Co-authored-by: Noah Saso <noahsaso@gmail.com>

* Add check for connected wallet (#452)

* Show second by second countdown when unstaking. (#456)

* Icons package (#428)

* Init 'icons' package.

* Add init assets to 'icons' package.

* Use Wallet from @dao-dao/icons.

* Added "Add Token" Button (#458)

* Added "Add Token" Button

* Use "addTokenCallback" in "StarButton"

* Moved "Add Token" inside "DaoTreasury"

* Fix formatting issue in Button.tsx. (#461)

* Disable check for staked balance at proposal creation time. (#464)

Currently there is an issue with querying past chain state from before
the chain halted. This makes voting on proposals created before the
chain halt not possible as that check requires those queries to work.

This removes that check for now. Next week, once those proposals have
cleared we can re enable it.

* Allow voting abstain on proposals. (#454)

* Use version number from package.json. (#455)

* Migrate away from Daisy UI and bring design closer to spec. (#457)

* WIP - migrate away from Daisy UI.

* Use text sizes from spec in pages covered so far.

Have mostly completed:

- /starred
- DAO homepage
- staking modal
- nav bar

* Proposal view working and new proposal template selection modal.

* WIP - proposal voting page.

* Update ProposalDetails and allow voting.

* Add proposal execute button.

* Add loading state to button.

* Update multisig page visuals.

* Fix build errors.

* Updated DAO create page.

* DAO create page visual improvements.

* Update Multisig create page.

* Remove unused component files.

* Checkpoint don't commit this Zeke.

* Added weeks and days to seconds formatter.

* Add Token image field and update most templates.

* Prompt to stake if no voting power for voting.

* Accent DAO / Multisig page with average color of logo (#460)

* Use average color from DAO's logo as accent color.

* Added colorization to multisig page.

* Ran next formatter.

* Fixed yarn lock URLs.

* Failsafe and load page if client fails to connect when averaging color.

* Address feedback from Sager.

* Add label to DAO / Multisig name field (#470)

* WIP - migrate away from Daisy UI.

* Use text sizes from spec in pages covered so far.

Have mostly completed:

- /starred
- DAO homepage
- staking modal
- nav bar

* Proposal view working and new proposal template selection modal.

* WIP - proposal voting page.

* Update ProposalDetails and allow voting.

* Add proposal execute button.

* Add loading state to button.

* Update multisig page visuals.

* Fix build errors.

* Updated DAO create page.

* DAO create page visual improvements.

* Update Multisig create page.

* Remove unused component files.

* Checkpoint don't commit this Zeke.

* Added weeks and days to seconds formatter.

* Add Token image field and update most templates.

* Prompt to stake if no voting power for voting.

* Address feedback from Sager.

* Accent DAO / Multisig page with average color of logo (#460)

* Use average color from DAO's logo as accent color.

* Added colorization to multisig page.

* Ran next formatter.

* Fixed yarn lock URLs.

* Failsafe and load page if client fails to connect when averaging color.

* Add label to DAO / Multisig name field (#470)

* Misc fixes.

* Swap to a tooltip library that actually works.

* Marketing token image & ensure sufficent contrast in accent color.

* Prompt to configure keplr if installed but not configured.

* Don't perform accent color check in useEffect.

Pls vercel.

* Final fixups from testing.

* Feedback from elgorithm.

* Correctly center background token images.

Co-authored-by: Noah Saso <noahsaso@gmail.com>
Co-authored-by: Jake Hartnell <Jake.Hartnell@gmail.com>

Co-authored-by: Sagar Saija <sagarsaija@yahoo.com>
Co-authored-by: Noah Saso <noahsaso@gmail.com>
Co-authored-by: Jake Hartnell <Jake.Hartnell@gmail.com>
Co-authored-by: Joshua Van Deren <livetoscout@gmail.com>
Co-authored-by: ebaker <430383+ebaker@users.noreply.github.com>

* Add missing daotoken image. (#474)

* Swap positions of submit and preview in proposal form.

Resolves #475

* fixup! correctly line wrap.

Co-authored-by: Sagar Saija <sagarsaija@yahoo.com>
Co-authored-by: Noah Saso <noahsaso@gmail.com>
Co-authored-by: Jake Hartnell <Jake.Hartnell@gmail.com>
Co-authored-by: Joshua Van Deren <livetoscout@gmail.com>
Co-authored-by: ebaker <430383+ebaker@users.noreply.github.com>

Better empty state for new users (#449)

* Empty state contract cards

* Hover animation

* Moved to components/

* Renamed Mystery to Empty cards

feat: improve eslint and prettier integration (#487)

New proposal status UI (#489)

chore: format and lint all sources (#493)

Redeploy Vercel.

Create proposal details card & make proposal details page responsive (#494)

* Turned proposal details into card, and created details card and vote status components.

* Made proposal details page responsive!

feat(dapp): add create dao field tooltips (#486)

Minor hindsight proposal status UI tweaks (#498)

* Increased height of vertical bars on progress bars, added message when proposal is passing, cleaned up unnecessary classes, and removed unused label prop from vertical bars on progress bars.

* Improved passing threshold indicator language to be less prescriptive.

* Added helpful status text for threshold and quorum cases for clarification purpses.

Only show time left when proposal is open.

Split StakingModal into stateless and stateful components.

* Pre moving templates to package rollback point oh boy.

* Stateless ProposalDetails.

* Migrate icons to icons package.

* Stateless wallet connect button.

* Stateless proposal details sidebar.

* Split StakingModal into stateless and stateful components.

* Pre moving templates to package rollback point oh boy.

* Stateless ProposalDetails.

* Migrate icons to icons package.

* Stateless wallet connect button.

* Merge in development post force push.

* Move all ContractView components to packages.

* Move claims components into packages.

* Improve visuals for claims pending.

Co-authored-by: Noah Saso <noahsaso@gmail.com>
@grikomsn grikomsn removed their assignment Jun 30, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Tooltip over form labels
3 participants