Skip to content

feat: add Invoice Analytics Dashboard with Chart.js#92

Open
adarsh-yadav1 wants to merge 3 commits into
seetadev:mainfrom
adarsh-yadav1:feat/invoice-analytics-dashboard
Open

feat: add Invoice Analytics Dashboard with Chart.js#92
adarsh-yadav1 wants to merge 3 commits into
seetadev:mainfrom
adarsh-yadav1:feat/invoice-analytics-dashboard

Conversation

@adarsh-yadav1
Copy link
Copy Markdown

What this PR adds

  • InvoiceSummaryCards component: summary cards for Total Invoices, Paid, Pending, Overdue, Total Amount, Collected
  • Dashboard modal component with Chart.js visualizations:
    • Doughnut chart: invoice status breakdown (Paid/Pending/Overdue/Draft)
    • Bar chart: monthly revenue vs collected amount
  • Wired the existing unused statsChart icon in Home.tsx to open the dashboard modal

Screenshots

Screenshot from 2026-05-22 13-00-04 Screenshot from 2026-05-22 13-00-42

Notes

  • Uses sample invoice data; will integrate with real store once invoice data model is finalized
  • chart.js added as dependency

Closes #91

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.

feat: Add Invoice Analytics Dashboard with Chart.js

1 participant