-
Notifications
You must be signed in to change notification settings - Fork 22
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
WIP - migrate away from Daisy UI and bring design closer to spec. #457
Conversation
This pull request is being automatically deployed with Vercel (learn more). 🔍 Inspect: https://vercel.com/da0da0/dao-dao/FseQ9JmjudKPH6PYpyvQ6AxLErGe |
Have mostly completed: - /starred - DAO homepage - staking modal - nav bar
the new DAO card 🤌. This is a lot of work! We should merge this soon to avoid fixing conflicts for future UI PRs |
This is 🔥. |
Yes. :) Loads to do here though. Think folks should continue merging their stuff as if this didn't exist and then I'll just do a really long rebase one evening. |
not all heroes wear capes |
Notes from talking with @ebaker:
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
great direction! 🔥
added some comments, will review more later this week 👍
@@ -0,0 +1,3 @@ | |||
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
can these be moved to packages/icons
?
className="btn btn-outline btn-md rounded-md normal-case mt-6" | ||
onClick={() => onAccept()} | ||
> | ||
<div className="fixed z-10 w-screen h-full backdrop-filter backdrop-blur-sm flex items-center justify-center"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
we need to be careful with z-index
|
||
export function GradientHero({ children }: { children: ReactNode }) { | ||
const theme = useThemeContext() | ||
const endStop = theme.theme === 'dark' ? '#111213' : '#FFFFFF' |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
we should avoid using hard coded colors - add to daisy theme or tailwind config and use named colors for consistency
<div | ||
style={{ | ||
background: | ||
'linear-gradient(180deg, rgba(73, 55, 192, 0.4) 0%, rgba(17, 18, 19, 0) 100%)', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
we should avoid using hard coded colors - add to daisy theme or tailwind config and use named colors for consistency
<div | ||
className="p-6 flex flex-col justify-between" | ||
style={{ | ||
background: `linear-gradient(270deg, ${endStop} 0%, rgba(17, 18, 19, 0) 50%, ${endStop} 100%)`, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
we should avoid using hard coded colors - add to daisy theme or tailwind config and use named colors for consistency
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
thank you so much for this @ezekiiel !
added a few more comments, but don't want it to hold up merging 👍
@@ -1,60 +1,61 @@ | |||
import { ChevronRightIcon, XIcon } from '@heroicons/react/outline' | |||
|
|||
import { Button } from '@components' |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
i think want either:
import { Button } from 'ui'
or
import Button from 'ui/Button'
@@ -1,6 +1,7 @@ | |||
import { XIcon } from '@heroicons/react/outline' | |||
import { Button } from 'ui/Button' |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
i think want either:
import { Button } from 'ui'
or
import Button from 'ui/Button'
> | ||
{currentVersion.name} | ||
<Button size="sm"> | ||
{currentVersion.name} <ChevronDownIcon className="inline h-4 w-4" /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nice! 👍
function CopyButton({ text }: { text: string }) { | ||
const [copied, setCopied] = useState(false) | ||
return ( | ||
<div className="tooltip tooltip-left" data-tip="Copy wallet address"> | ||
<Tooltip label="Copy wallet address"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nice Tooltip
cleanup 👍
import { StarIcon as StarSolid } from '@heroicons/react/solid' | ||
import Tooltip from '@reach/tooltip' | ||
import '@reach/tooltip/styles.css' |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
these should prally be added in _app.tsx
, _document.tsx
, or globals.css
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great point!
import { StarIcon as StarSolid } from '@heroicons/react/solid' | ||
import Tooltip from '@reach/tooltip' | ||
import '@reach/tooltip/styles.css' |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
these should prally be added in _app.tsx
, _document.tsx
, or globals.css
instead
<EstablishedDate address={address} /> | ||
</div> | ||
<div className="my-2"> | ||
<p>{description}</p> | ||
<div className="mb-[15px] mt-[10px]"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
does this really need to mb-[15px]
or can we just use mb-4
?
same thing with mt-[10px]
is mt-2
close enough?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yes. :) Great point. Thank you for catching this.
* 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>
* 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>
* 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>
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.
* 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>
Putting this up so that folks can give feedback early. This removes our frontend dependency on daisy-ui and in the process does a good amount of work to bring our frontend up to spec with the designs.
I figured this was a good time to get this done as we're going to be making some big UI changes with the v1 work. Would be nice to get this out of the way.
TODO:
Some images: