73 lines
1.5 KiB
TypeScript
73 lines
1.5 KiB
TypeScript
import HistoryChart from "./components/HistoryChart";
|
|
import ProgressCard from "./components/ProgressCard";
|
|
import LatestItems from "./components/LatestItems";
|
|
import { DashboardConfig } from "./components/Dashboard";
|
|
|
|
export const configuration: DashboardConfig = {
|
|
sections: [
|
|
{
|
|
id: "breakdown",
|
|
title: "Breakdown",
|
|
summary: "Interactive chronological tracking",
|
|
component: HistoryChart,
|
|
dataKey: "chartData",
|
|
settings: {
|
|
tabs: ["Daily", "Weekly", "Monthly"],
|
|
},
|
|
style: {
|
|
size: 12,
|
|
},
|
|
},
|
|
{
|
|
id: "top-payees",
|
|
title: 'Top Payees',
|
|
component: ProgressCard,
|
|
dataKey: "topPayees",
|
|
isList: true,
|
|
settings: {
|
|
compact: true,
|
|
},
|
|
style: {
|
|
size: 12,
|
|
},
|
|
},
|
|
{
|
|
id: "latest",
|
|
title: 'Recent Transactions',
|
|
component: LatestItems,
|
|
dataKey: "latest",
|
|
style: {
|
|
size: 12,
|
|
},
|
|
},
|
|
],
|
|
style: {
|
|
palette: {
|
|
expense: {
|
|
light: {
|
|
primary: "#d32f2f",
|
|
background: "#fdecea",
|
|
text: "#b71c1c"
|
|
},
|
|
dark: {
|
|
primary: "#f44336",
|
|
background: "rgba(244, 67, 54, 0.15)",
|
|
text: "#ffcdd2"
|
|
}
|
|
},
|
|
income: {
|
|
light: {
|
|
primary: "#2e7d32",
|
|
background: "#e8f5e9",
|
|
text: "#1b5e20"
|
|
},
|
|
dark: {
|
|
primary: "#4caf50",
|
|
background: "rgba(76, 175, 80, 0.15)",
|
|
text: "#c8e6c9"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|