Skip to content

Comments

Impact Chart Components#650

Open
michaelcanova wants to merge 5 commits intomainfrom
impact_charts
Open

Impact Chart Components#650
michaelcanova wants to merge 5 commits intomainfrom
impact_charts

Conversation

@michaelcanova
Copy link
Contributor

Overview

This PR just creates two Impact related charts in seperated components to be utilized in the new UX

Screenshot

image

@michaelcanova michaelcanova requested a review from a team as a code owner February 18, 2026 18:05
@chatgpt-codex-connector
Copy link

Codex usage limits have been reached for code reviews. Please check with the admins of this repo to increase the limits by adding credits.
Credits must be used to enable repository wide code reviews.

@vercel
Copy link
Contributor

vercel bot commented Feb 18, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
web Ready Ready Preview, Comment Feb 20, 2026 11:30pm

return Number.isFinite(parsed) && parsed > 0 ? parsed : undefined;
}

export function formatUsd(amount: number): string {
Copy link
Contributor

Choose a reason for hiding this comment

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

Can you update our existing formatUsdValue instead? Let's have it take in another param for fractionDigits and set both minimumFractionDigits and maximumFractionDigits inside it to this value

Tooltip,
Legend,
} from 'chart.js';
import { formatMonth } from '@/app/funding/dashboard/lib/dashboardUtils';
Copy link
Contributor

Choose a reason for hiding this comment

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

formatMonth is too generic and makes me think like it is a utility function that we should put elsewhere. Let's rename formatMonthForChart since that's where we seem to use it


const query = userId ? `?user_id=${userId}` : '';

ApiClient.get<RawImpactData>(`/api/fundraise/funding_impact/${query}`)
Copy link
Contributor

Choose a reason for hiding this comment

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

Let's create a function endpoint in fundraise.service.ts for this

matchedContributions: number;
}

export interface ImpactData {
Copy link
Contributor

Choose a reason for hiding this comment

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

ImpactData is too generic. Let's call it FundingImpactData

Same with milestones - FundingMilestone

also update the file name.

Having a prefix makes it a lot easier when searching through files or code to understand what belongs

@sonarqubecloud
Copy link

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.

2 participants