[Campaign Launcher UI] Redesign Launch Campaign Page#805
Draft
KirillKirill wants to merge 3 commits intokb/770-redesign-appfrom
Draft
[Campaign Launcher UI] Redesign Launch Campaign Page#805KirillKirill wants to merge 3 commits intokb/770-redesign-appfrom
KirillKirill wants to merge 3 commits intokb/770-redesign-appfrom
Conversation
There was a problem hiding this comment.
Pull request overview
Redesigns the “Launch Campaign” flow in the campaign-launcher client by restructuring the multi-step form (including a new network + staking gate), updating supporting UI components, and aligning styling with the refreshed design.
Changes:
- Reworked LaunchCampaignForm into a 5-step flow (Network → Campaign Type → Escrow Details → Approval → Launch) with updated step indicator + summary layout.
- Replaced staking-based route protection/provider/modal with an in-flow staking check during the Network step; adjusted routing protection to only require a connected wallet.
- Updated theming and UI components (bottom navigation, footer spacing, icons, form fields, summary card) to match the new design.
Reviewed changes
Copilot reviewed 34 out of 34 changed files in this pull request and generated 7 comments.
Show a summary per file
| File | Description |
|---|---|
| campaign-launcher/client/src/theme.ts | Adds component style overrides for selects/inputs/date pickers. |
| campaign-launcher/client/src/providers/WagmiProvider.tsx | Removes MetaMask connector from wagmi config. |
| campaign-launcher/client/src/providers/StakeProvider.tsx | Removes staking client provider (staking logic moved into form flow). |
| campaign-launcher/client/src/providers/SignerProvider.tsx | Adjusts isSignerReady to account for chain switching state. |
| campaign-launcher/client/src/icons/index.tsx | Adds new Warning and Refresh icons for the redesigned UI. |
| campaign-launcher/client/src/components/modals/StakingRequirementModal/index.tsx | Removes staking requirement modal (replaced by in-form warning/flow). |
| campaign-launcher/client/src/components/WalletProtectedRoute/index.tsx | Adds route guard requiring an active wallet connection. |
| campaign-launcher/client/src/components/StakeProtectedRoute/index.tsx | Removes stake-protected routing (replaced by in-flow check). |
| campaign-launcher/client/src/components/PageWrapper/index.tsx | Updates page min-height calculation for new layout sizing. |
| campaign-launcher/client/src/components/Layout/index.tsx | Updates footer rendering and mobile bottom nav usage. |
| campaign-launcher/client/src/components/LaunchCampaignForm/index.tsx | Rebuilds launch campaign flow into new 5-step structure with network selection and new UI layout. |
| campaign-launcher/client/src/components/LaunchCampaignForm/components/index.tsx | Updates exports for new steps and removes old step components. |
| campaign-launcher/client/src/components/LaunchCampaignForm/components/TopNavigation.tsx | Removes old top navigation component. |
| campaign-launcher/client/src/components/LaunchCampaignForm/components/ThresholdForm.tsx | Updates form labels/inputs to new design and behavior. |
| campaign-launcher/client/src/components/LaunchCampaignForm/components/ThirdStep.tsx | Removes old step implementation (replaced by ApprovalStep/LaunchStep changes). |
| campaign-launcher/client/src/components/LaunchCampaignForm/components/SummaryCard.tsx | Redesigns summary card content and styling; adds network display. |
| campaign-launcher/client/src/components/LaunchCampaignForm/components/StepsIndicator.tsx | Replaces simple progress bar with new step title + segmented progress UI and tooltip. |
| campaign-launcher/client/src/components/LaunchCampaignForm/components/NetworkStep.tsx | Adds new first step with chain selection + staking check gate. |
| campaign-launcher/client/src/components/LaunchCampaignForm/components/MarketMakingForm.tsx | Updates form labels/inputs to new design and behavior. |
| campaign-launcher/client/src/components/LaunchCampaignForm/components/LaunchStep.tsx | Updates final launch step layout, navigation, and summary integration. |
| campaign-launcher/client/src/components/LaunchCampaignForm/components/HoldingForm.tsx | Updates form labels/inputs to new design and behavior. |
| campaign-launcher/client/src/components/LaunchCampaignForm/components/FirstStep.tsx | Removes old campaign type step (replaced by CampaignTypeStep). |
| campaign-launcher/client/src/components/LaunchCampaignForm/components/FinalView.tsx | Updates “success” UI styling and button variants. |
| campaign-launcher/client/src/components/LaunchCampaignForm/components/ExchangeInfoTooltip.tsx | Removes exchange info tooltip component. |
| campaign-launcher/client/src/components/LaunchCampaignForm/components/EscrowDetailsStep.tsx | Renames/restructures escrow-details step to fit new step ordering and bottom nav form submission. |
| campaign-launcher/client/src/components/LaunchCampaignForm/components/ErrorView.tsx | Updates error view button styling. |
| campaign-launcher/client/src/components/LaunchCampaignForm/components/CampaignTypeStep.tsx | Adds new campaign type selection step component. |
| campaign-launcher/client/src/components/LaunchCampaignForm/components/BottomNavigation.tsx | Reworks bottom navigation to support fixed mobile nav + form submission by formId. |
| campaign-launcher/client/src/components/LaunchCampaignForm/components/ApprovalStep.tsx | Adds new approval step (extracted from removed ThirdStep), with new UI and bottom nav integration. |
| campaign-launcher/client/src/components/FormExchangeSelect/index.tsx | Changes exchange autocomplete input to use placeholder instead of label. |
| campaign-launcher/client/src/components/Footer/index.tsx | Simplifies footer props and changes mobile padding behavior. |
| campaign-launcher/client/src/components/Container/index.tsx | Introduces a max-width constraint for main container. |
| campaign-launcher/client/src/components/CampaignSymbol/index.tsx | Tweaks xs size styling for token/pair symbols. |
| campaign-launcher/client/src/App.tsx | Removes StakeProvider + StakeProtectedRoute and switches launch route guard to WalletProtectedRoute. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
You can also share your feedback on Copilot code review. Take the survey.
campaign-launcher/client/src/components/LaunchCampaignForm/components/SummaryCard.tsx
Outdated
Show resolved
Hide resolved
campaign-launcher/client/src/components/LaunchCampaignForm/components/NetworkStep.tsx
Outdated
Show resolved
Hide resolved
campaign-launcher/client/src/components/LaunchCampaignForm/components/ThresholdForm.tsx
Show resolved
Hide resolved
campaign-launcher/client/src/components/LaunchCampaignForm/components/HoldingForm.tsx
Show resolved
Hide resolved
campaign-launcher/client/src/components/LaunchCampaignForm/components/MarketMakingForm.tsx
Show resolved
Hide resolved
d6dce53 to
ad8d991
Compare
2bd63bc to
63023b9
Compare
63023b9 to
c19a3ad
Compare
c19a3ad to
526ea4c
Compare
6cc3b9a to
ce85888
Compare
526ea4c to
561bb12
Compare
561bb12 to
04d09ef
Compare
04d09ef to
0728c1f
Compare
63d9cca to
69eacd4
Compare
0728c1f to
f33adb5
Compare
69eacd4 to
26c831e
Compare
f33adb5 to
a24b591
Compare
79efe33 to
c10f9f1
Compare
a24b591 to
a6d59be
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Issue tracking
Context behind the change
How has this been tested?
Release plan
Potential risks; What to monitor; Rollback plan