Refactor expense chart title

Moves the expense chart title outside of the card component for better visual consistency.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-15 02:46:51 +00:00
parent eb4d9c6d16
commit 75bf08a14e
2 changed files with 4 additions and 4 deletions

View File

@@ -1,6 +1,6 @@
import React from 'react';
import { PieChart, Pie, Cell, ResponsiveContainer, Legend } from 'recharts';
import { PieChart, Pie, Cell, ResponsiveContainer } from 'recharts';
interface ExpenseData {
name: string;
@@ -15,9 +15,7 @@ interface ExpenseChartProps {
const ExpenseChart: React.FC<ExpenseChartProps> = ({ data }) => {
return (
<div className="neuro-card h-64">
<h3 className="text-sm font-medium text-gray-600 mb-3"> </h3>
<ResponsiveContainer width="100%" height="85%">
<ResponsiveContainer width="100%" height="100%">
<PieChart>
<Pie
data={data}

View File

@@ -1,3 +1,4 @@
import React, { useState } from 'react';
import NavBar from '@/components/NavBar';
import ExpenseChart from '@/components/ExpenseChart';
@@ -146,6 +147,7 @@ const Analytics = () => {
</div>
{/* Category Pie Chart - MOVED DOWN */}
<h2 className="text-lg font-semibold mb-3"> </h2>
<ExpenseChart data={expenseData} />
{/* Top Spending Categories */}