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

Rebrand Proposal details #502

Merged
merged 7 commits into from
Dec 9, 2024
Merged

Conversation

peterjurco
Copy link
Collaborator

@peterjurco peterjurco commented Nov 27, 2024

Closes #461

What does this change?

  • Applies new designs on the Proposal detail page
  • Adds testing capabilities

How to test it?

  • Uncomment the line 98 in src/chain-data/context.tsx
  • Same as in Rebrand Proposals table #499 - you can change the test-proposals.json file to simulate different proposal states

Screenshot

image

@peterjurco peterjurco self-assigned this Nov 27, 2024
@peterjurco peterjurco force-pushed the 461/rebrand-proposals-table branch from f94a4df to 65ea306 Compare November 27, 2024 12:16
@peterjurco peterjurco force-pushed the 463/rebrand-proposal-details branch from b580234 to 6478b1c Compare November 27, 2024 12:23
Copy link
Collaborator

@Anboias Anboias left a comment

Choose a reason for hiding this comment

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

Nice job 👌

@peterjurco peterjurco mentioned this pull request Nov 28, 2024
10 tasks
@peterjurco peterjurco force-pushed the 463/rebrand-proposal-details branch from 6478b1c to db1fe5a Compare November 28, 2024 10:25
@peterjurco peterjurco requested a review from Anboias November 28, 2024 10:27
Copy link
Collaborator

@Anboias Anboias left a comment

Choose a reason for hiding this comment

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

LGTM

@peterjurco
Copy link
Collaborator Author

After the merge of #500 and further thoughts I switched all success and error icons into react components.

Base automatically changed from 461/rebrand-proposals-table to rebrand November 30, 2024 09:09
@peterjurco peterjurco force-pushed the 463/rebrand-proposal-details branch from 5e3c679 to 85dbf70 Compare November 30, 2024 09:14
@peterjurco peterjurco linked an issue Dec 2, 2024 that may be closed by this pull request
Copy link
Collaborator

@mcoetzee mcoetzee left a comment

Choose a reason for hiding this comment

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

Just got minor comments, approving so long.

@peterjurco peterjurco merged commit 27a062c into rebrand Dec 9, 2024
3 of 4 checks passed
@peterjurco peterjurco deleted the 463/rebrand-proposal-details branch December 9, 2024 07:33
peterjurco added a commit that referenced this pull request Feb 20, 2025
* Rebrand proposal details

* Add testing capabilities

* Fixes after the review

* Use react components for error & success icons

* Use useId()

* Rename 'Target Address' to 'Target Contract Address'
bbenligiray pushed a commit that referenced this pull request Mar 3, 2025
* Rebrand proposal details

* Add testing capabilities

* Fixes after the review

* Use react components for error & success icons

* Use useId()

* Rename 'Target Address' to 'Target Contract Address'
bbenligiray added a commit that referenced this pull request Mar 3, 2025
* Have renovate ignore api3-dao

* Bump packages and update Actions workflow (#473)

* Bump packages and update Actions workflow

* Revert back to Node.js 16

* Update docker/build-push-action action to v6 (#484)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* Update dependency @typechain/ethers-v5 to v11 (#421)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* Update dependency prettier to v3

* Prettier

* Add prettier:check

* Require lint to pass prettier check

* Update dependency cypress to v13

* Rol @types/node back to v16

* Rebrand DAO Dashboard - Colors & fonts setup (#458)

* Add new color variables

* Set up new fonts

* Add breakpoints

* Add rebrand branch to CI schedule

* Fix description font styles

* Rebrand page layout (#466)

* Update background

* Update logo

* Update navigation bar

* Update Connect button

* Update desktop menu

* Add External Links

* Update layout dimensions

* Update footer

* Add theme prop to button component

* Update error reporting notice

* Update account dropdown

* Update mobile menu

* Fix unit test

* Fix CY tests

* Fixes after the review

* Fix navigation height

* Fix issues on the very small screens

* Disable scrolling when mobile menu is open

* min width for connect button

* Use ExternalLink instead of Button for links

* Update connected network in the mobile menu

* Layout fixes (#494)

* The layout fix (footer not stretched to the bottom)

* History icon fix

* Add menu hover & active states

* Rebrand staking page (#474)

* Misc additions

* Update page header style

* Update radial chart

* Update Staking page

* Move tooltips to own column

* Style card title

* Correct Connect Wallet info icon size

* Correct Connect Wallet box button

* Adjust card gap

* Add secondary-neutral button variant

* Add gradient border to unstaking card

* Remove unnecesary global classes and fine-tune unstake panel

* Refactor button variants

* Adjust staking panel actions buttons

* Fix Cy tests

* Use data-testid instead of data-cy

* Update pending staking card

* Fix button unclickable bug

* Rebrand tooltips (#488)

* Update default tooltip

* Update items tooltip

* Fix staking pool table tooltips offset

* Fix unchecked style

* Rebrand Governance page (#496)

* Rebrand Governance page

* Fix CY test

* Update header to <h1>

* Rebrand modals (#495)

* Remove unnecessary button wrapper

* Update Modal component

* Add button tertiary variant

* Add button text-blue variant

* Adapt Input component

* Update Deposit  modal

* Update Withdraw/Stake/Unstake modals

* Update Unstake Confirm modal

* Update Unsupported Network modal

* Self review

* Show primary buttons first on mobile

* Adapt to Button component without wrapper

* Update account dropdown  (#505)

* Update Account dropdown

* Apply background only when dropdown is open

* Rebrand New Proposal modal (#500)

* Update New Proposal modal body and labels

* Refactor AutosizeInput component

* Implement Textarea Input component

* Final adjustments New Proposal modal

* Rename AutosizeInput to Input

* Remove old textarea component and update error border color

* Separate TextareaInput into Input and Textarea

* Rebrand Proposals table (#499)

* Rebrand Proposals table

* Add testing capabilities

* Self review (fixing some colors)

* Update Tag cursor

* Rename Tag to ProposalTag

* Rebrand History page (#501)

* Rebrand Proposals table

* Add testing capabilities

* Self review (fixing some colors)

* Update Tag cursor

* Rebrand History page

* Rename Tag to ProposalTag

* Rebrand Unstake banner (#507)

* Rebrand unstake banner

* Move two line design to lower breakpoint

* Add cookie consent logic (#508)

* Add Checkbox component

* Update Notice banner and align logic with Market

* Add Privacy Settings modal

* Fix Cypress tests

* Initialize analytics and sentry

* Add additional check for sentry init

* Prevent default on external link click

* Revert "Prevent default on external link click"

This reverts commit 7c2f4a6.

* Stop propagation of external link in privacy modal

* Omit target and rel props

* Update banner text

* Display proposal title in two lines on non-desktop screens (#512)

* Change Help tooltip to external link in the New Proposal modal (#515)

* Change Help tooltip to external link in the New proposal modal

* Fix uncentered modal title

* Fix console errors (#516)

* Use camelCase in SVG element prop names when they are used as react
components

* Add forgotten key prop

* Do not pass incorrect props to input & textarea

* Rebrand Proposal details (#502)

* Rebrand proposal details

* Add testing capabilities

* Fixes after the review

* Use react components for error & success icons

* Use useId()

* Rename 'Target Address' to 'Target Contract Address'

* Add 404 page (#510)

* Update NotFound page

* Add Proposal page 404 redirect

* Corrections

* Return not found page for undecoded proposal

* Add hideHeader flag to layout

* Update CTA label

* Use BaseLayout

* Remove test code (#517)

* Rebrand Governance page modals (#509)

* Adapt Input component to small size

* Update Delegate modal

* Update Delegation action modal

* Update Undelegate confirmation modal

* Update Vot on proposal modal

* Shorten class names

* Remove value=undefined

* Style the Malicious script warning (#518)

* Update DAO modals (#522)

* Update Unsupported chain modal

* Update delegate modals

* Update staking modals

* Add UI for disconnected state of the proposal page (#523)

Add disconnected proposal page

* Fix breakpoints on 404 page (#526)

* Adjust vote status when voted by delegate (#524)

* Adjust vote status when voted by delegate

* Update  upload-artifact to v4

* Move connect button to the navigation bar on small screens (#525)

* Move Connect button to navigation bar also on small screens

* More explicit condition

* Fix failing cypress test

* Add privacy links & copyright to the footer (#527)

* Add privacy links & copyright to the footer

* Put links into utils file

* Remove unused import

* Rebrand toast messages (#519)

* Update Button component

* Preparatory changes

* Update Toasts style

* Update Clear Storage toast

* Self review

* Temporary testing toasts

* Use customAction and prevent clear storage toast from closing

* Fix Storage btn

* Keep bg colour when autoClose is false

* Remove testing code

* Cleanup after the rebrand (#529)

* Remove unused button styles

* Remove unused BorderedBox component

* Remove old breakpoints

* Remove unused colors

* Remove unused global styles and images

* Fix cy test

* Fixes after QA (#530)

* Return voter status icons

* tokens -> API3 tokens

* Remove Tracker & Forum external links (#532)

* Remove Tracker & Forum external links

* Fix CY tests

* Fix formatting after prettier update

* Remove leftovers

* Disable link checking of fleek deployments

* Update favicon (#534)

* Link DAO docs and not regular docs

* Do not link Api3 Market

* Remove obsolete market icon

* Fix Cypress test

---------

Co-authored-by: Derek Croote <dcroote@users.noreply.github.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Peter Jurčo <62913177+peterjurco@users.noreply.github.com>
Co-authored-by: Bogdan Iasinovschi <biasinovschi@gmail.com>
Co-authored-by: peterjurco <petrojurco@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Rebrand DAO Dashboard - Proposal Details
3 participants