Skip to content

[Campaign Launcher UI] Redesign Campaign Details page#788

Draft
KirillKirill wants to merge 11 commits intokb/770-redesign-appfrom
kb/785-redesign-campaign-details
Draft

[Campaign Launcher UI] Redesign Campaign Details page#788
KirillKirill wants to merge 11 commits intokb/770-redesign-appfrom
kb/785-redesign-campaign-details

Conversation

@KirillKirill
Copy link
Copy Markdown
Collaborator

Issue tracking

Context behind the change

How has this been tested?

Release plan

Potential risks; What to monitor; Rollback plan

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

Redesigns the Campaign Details page UI in the campaign-launcher client, simplifying the details header/stats layout and removing the paid-amount chart feature (and its dependencies).

Changes:

  • Refactors Campaign Details header/content layout by moving join/status controls into CampaignInfo and restyling CampaignStats.
  • Removes the paid amount chart modal/chart components and related data hook.
  • Drops chart.js / react-chartjs-2 dependencies and related unused icons/components.

Reviewed changes

Copilot reviewed 13 out of 14 changed files in this pull request and generated 3 comments.

Show a summary per file
File Description
campaign-launcher/client/yarn.lock Removes chart-related packages from the lockfile.
campaign-launcher/client/package.json Removes chart.js, react-chartjs-2, and annotation plugin dependencies.
campaign-launcher/client/src/pages/CampaignDetails/index.tsx Simplifies the page structure to CampaignInfo + CampaignStats within PageWrapper.
campaign-launcher/client/src/components/CampaignInfo/index.tsx Redesigns the campaign header/info row; adds in-app “back” behavior and new inline metadata.
campaign-launcher/client/src/components/CampaignStats/index.tsx Restyles stats cards and replaces target label/value logic with getTargetInfo.
campaign-launcher/client/src/components/CampaignStatusLabel/index.tsx Replaces Chip-based status display with dot + text and new mapping helper.
campaign-launcher/client/src/components/CampaignAddress/index.tsx Adds large size option and adjusts font size mapping.
campaign-launcher/client/src/components/Header/index.tsx Adjusts nav link font weight based on active state.
campaign-launcher/client/src/icons/index.tsx Removes CalendarIcon and ChartIcon exports.
campaign-launcher/client/src/hooks/useCampaigns.ts Removes useCampaignDailyPaidAmounts hook.
campaign-launcher/client/src/components/modals/ChartModal/index.tsx Deletes chart modal UI.
campaign-launcher/client/src/components/DailyAmountPaidChart/index.tsx Deletes Chart.js-based chart component.
campaign-launcher/client/src/components/CampaignTypeLabel/index.tsx Deletes campaign type Chip component.
campaign-launcher/client/src/components/CampaignStatusChip/index.tsx Deletes unused status chip component variant.

💡 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.

Comment on lines +128 to +135
{!isMobile && (
<JoinCampaign
campaign={campaign}
joinStatus={joinStatus}
joinedAt={joinedAt}
isJoinStatusLoading={isJoinStatusLoading}
/>
)}
Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

will be implemented later once we decide on the whole 'join campaign' flow

@KirillKirill KirillKirill force-pushed the kb/785-redesign-campaign-details branch 2 times, most recently from 31eee14 to 58fe901 Compare March 23, 2026 10:04
@KirillKirill KirillKirill changed the base branch from kb/770-redesign-app to develop March 23, 2026 10:14
@KirillKirill KirillKirill force-pushed the kb/785-redesign-campaign-details branch from 58fe901 to d6f00e1 Compare March 23, 2026 10:16
@KirillKirill KirillKirill force-pushed the kb/785-redesign-campaign-details branch from d6f00e1 to d75255d Compare March 24, 2026 10:13
@KirillKirill KirillKirill changed the base branch from develop to kb/770-redesign-app March 24, 2026 10:36
@KirillKirill KirillKirill force-pushed the kb/785-redesign-campaign-details branch from 8681fc6 to 5e5cc9f Compare March 25, 2026 12:02
@KirillKirill KirillKirill force-pushed the kb/785-redesign-campaign-details branch from 5e5cc9f to 2ba8fab Compare March 25, 2026 12:18
@KirillKirill KirillKirill force-pushed the kb/785-redesign-campaign-details branch from 2ba8fab to 805e0c8 Compare March 25, 2026 12:40
@KirillKirill KirillKirill force-pushed the kb/785-redesign-campaign-details branch from 38becbd to da7ad34 Compare March 26, 2026 13:05
@KirillKirill KirillKirill force-pushed the kb/785-redesign-campaign-details branch from da7ad34 to 27cfeb9 Compare March 30, 2026 08:31
@KirillKirill KirillKirill force-pushed the kb/770-redesign-app branch from 79efe33 to c10f9f1 Compare April 1, 2026 16:15
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.

3 participants