29_12_25

src/App.jsx

@@ -186,6 +186,9 @@ const cards = [
     value: inv_p,
     trend: "-2% this week",
     icon: Receipt,
+    amountInvoiced: 100523,
+    amount30Days: 456147,
+    amount60Days: 847512,
     action: () => openInTryton("account.invoice", undefined, ['tree','form'],[['type', '=', 'in']])
   },
   {
@@ -194,6 +197,9 @@ const cards = [
     value: inv_s,
     trend: "+2% this week",
     icon: FileText,
+    amountInvoiced: 100523,
+    amount30Days: 456147,
+    amount60Days: 847512,
     action: () => openInTryton("account.invoice", undefined, ['tree','form'],[['type', '=', 'out']])
   },
   {
@@ -202,6 +208,9 @@ const cards = [
     value: move_cash,
     trend: "+12% this week",
     icon: HandCoins,
+    amountInvoiced: 100523,
+    amount30Days: 456147,
+    amount60Days: 847512,
     action: () => openInTryton("account.move", undefined, ['tree','form'],[['journal', '=', 3]])
   },
   // {
@@ -525,7 +534,7 @@ export default function App() {
 
                 <div className="w-full h-1 bg-gray-200 dark:bg-gray-600 mb-4"></div>
 
-                <AreaChart
+                {/* <AreaChart
                   data={data}
                   index="date"
                   categories={["value"]}
@@ -536,6 +545,25 @@ export default function App() {
                   showGridLines={false}
                   showLegend={false}
                   curve="monotone"
+                /> */}
+
+                <BarChart
+                  data={[
+                    {
+                      name: "Amounts",
+                      invoiced: card.amountInvoiced,
+                      pay30: card.amount30Days,
+                      pay60: card.amount60Days,
+                    },
+                  ]}
+                  index="name"
+                  categories={["invoiced", "pay30", "pay60"]}
+                  colors={["teal", "amber", "rose"]}
+                  className="h-24"
+                  showXAxis={false}
+                  showYAxis={false}
+                  showGridLines={false}
+                  showLegend={false}
                 />
 
                 <button onClick={card.action} className="mt-4 text-xs text-teal-600 underline">