Skip to content

[Campaign Launcher UI] The App Redesign#840

Open
KirillKirill wants to merge 10 commits intodevelopfrom
kb/new-ui-root
Open

[Campaign Launcher UI] The App Redesign#840
KirillKirill wants to merge 10 commits intodevelopfrom
kb/new-ui-root

Conversation

@KirillKirill
Copy link
Copy Markdown
Collaborator

@KirillKirill KirillKirill commented Apr 6, 2026

Issue tracking

Closes #770

Context behind the change

This PR is going to be a root for other redesign prs. Initially it only includes some minor UI adjustments

How has this been tested?

locally

Release plan

as soon as everything merged and tested

Potential risks; What to monitor; Rollback plan

yet to find

Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Introduces the initial “App Redesign” UI foundation for the Campaign Launcher, including updated layout styling, refreshed header/footer navigation, new overlay primitives (modal/drawer), and updated wallet-connect visuals.

Changes:

  • Adds new navigation + layout spacing adjustments (header/footer/page wrapper) and introduces /campaigns route constant.
  • Adds reusable mobile-first overlay building blocks (BaseDrawer, ResponsiveOverlay) and updates modal styling.
  • Refreshes wallet connect UI + icons/assets, and adjusts various entity visual components to match the redesign.

Reviewed changes

Copilot reviewed 21 out of 28 changed files in this pull request and generated 6 comments.

Show a summary per file
File Description
campaign-launcher/client/src/theme.ts Adjusts button typography sizing for the redesign.
campaign-launcher/client/src/icons/index.tsx Adds new SVG icons used by redesigned UI.
campaign-launcher/client/src/hooks/useBreakpoints.ts Expands “mobile” to include sm breakpoint.
campaign-launcher/client/src/constants/index.ts Adds /campaigns route constant + bottom-nav height constant.
campaign-launcher/client/src/components/ResponsiveOverlay/index.tsx New abstraction choosing modal vs drawer based on viewport.
campaign-launcher/client/src/components/PageWrapper/index.tsx Updates page spacing and min-height calculations for new layout.
campaign-launcher/client/src/components/modals/BaseModal/index.tsx Redesigns modal styling and adds closeButtonSx.
campaign-launcher/client/src/components/Layout/index.tsx Adds context-driven footer bottom-offset reservation plumbing.
campaign-launcher/client/src/components/LaunchCampaignButton/index.tsx Simplifies launch button styling/behavior for redesign.
campaign-launcher/client/src/components/Header/index.tsx Redesigns header nav + adds “Campaigns” link and external-link styling.
campaign-launcher/client/src/components/Footer/index.tsx Redesigns footer layout and supports reserved bottom padding.
campaign-launcher/client/src/components/ExchangeSelect/index.tsx Removes legacy exchange select component.
campaign-launcher/client/src/components/CryptoPairEntity/index.tsx Updates token-pair visual sizing + typography color.
campaign-launcher/client/src/components/CryptoEntity/index.tsx Updates typography color (but currently mismatched symbol sizing API).
campaign-launcher/client/src/components/Container/index.tsx Constrains max content width for the redesign layout.
campaign-launcher/client/src/components/ConnectWallet/index.tsx Updates connect-wallet UI (drawer on mobile, popover on desktop) + assets.
campaign-launcher/client/src/components/CampaignSymbol/index.tsx Changes symbol style API (image.size) for consistent sizing.
campaign-launcher/client/src/components/CampaignsTable/index.tsx Updates launch button usage and removes old address typography variant usage.
campaign-launcher/client/src/components/CampaignAddress/index.tsx Switches address rendering to a link-based component + optional copy UI.
campaign-launcher/client/src/components/BaseDrawer/index.tsx Adds new bottom-anchored drawer primitive with redesigned backdrop.
campaign-launcher/client/src/components/Account/index.tsx Updates account button sizing/padding for redesign.
campaign-launcher/client/src/assets/walletconnect.svg Removes old SVG asset (replaced by PNG).
campaign-launcher/client/src/assets/walletConnect.png Adds new WalletConnect PNG asset.
campaign-launcher/client/src/assets/metamask.png Adds new MetaMask PNG asset.
campaign-launcher/client/src/assets/coinbase.svg Removes old SVG asset (replaced by PNG).
campaign-launcher/client/src/assets/coinbase.png Adds new Coinbase PNG asset.
campaign-launcher/client/public/tableImage.png Adds/updates public table image asset for redesign.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copy link
Copy Markdown
Contributor

@dnechay dnechay left a comment

Choose a reason for hiding this comment

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

Looks good as a base, let's move on

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

do not merge Merging is blocked

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants