Merge pull request #49 from evmiguel/initial-analysis-cost

Adding cost to list of items bought
evmiguel · Apr 9, 2024 · 3d6930c · 3d6930c
2 parents 0847187 + 02a0c44
commit 3d6930c
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/components/Analysis/index.tsx b/components/Analysis/index.tsx
@@ -53,7 +53,7 @@ export default function Analysis({ purchases }: AnalysisProps) {
 
     const filteredPurchases = filterPurchases(purchases, context.purchaseFilter);
 
-    const itemsBought = filteredPurchases.filter((value, index, self) => index === self.findIndex((p) => p.name === value.name));
+    const itemsBought = sumByKey(filteredPurchases, 'name', 'cost').sort((a, b) => b.cost - a.cost);
 
     const categoriesChartData = sumByKey(filteredPurchases.map(purchase => { 
         return { name: purchase.category, value: 1}
@@ -154,7 +154,10 @@ export default function Analysis({ purchases }: AnalysisProps) {
                     <TabsContent value="items">
                         <ul>
                             {itemsBought.map(purchase => (
-                                <li key={purchase.id}>{purchase.name}</li>
+                                <li className="flex justify-between" key={purchase.name}><span className="inline-block">{purchase.name}</span> <span className="inline-block">{new Intl.NumberFormat("en-US", {
+                                  style: "currency",
+                                  currency: "USD",
+                              }).format(purchase.cost)}</span></li>
                             ))}
                         </ul>
                     </TabsContent>