From 4551a854bfefd50e92908f56386af80230875ff3 Mon Sep 17 00:00:00 2001
From: Anantha Kumaran <ananthakumaran@gmail.com>
Date: Thu, 1 Feb 2024 08:52:43 +0530
Subject: [PATCH] [income statement] use second level breakdown on tooltips

---
 src/lib/income_statement.ts | 18 ++++++++++++++++--
 src/lib/utils.ts            |  4 ++++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/lib/income_statement.ts b/src/lib/income_statement.ts
index 9732636c..4f8d87fd 100644
--- a/src/lib/income_statement.ts
+++ b/src/lib/income_statement.ts
@@ -1,5 +1,12 @@
 import * as d3 from "d3";
-import { formatCurrency, formatCurrencyCrude, tooltip, type IncomeStatement, rem } from "./utils";
+import {
+  formatCurrency,
+  formatCurrencyCrude,
+  tooltip,
+  type IncomeStatement,
+  rem,
+  firstNames
+} from "./utils";
 import COLORS from "./colors";
 import _ from "lodash";
 import { iconGlyph, iconify } from "./icon";
@@ -204,8 +211,15 @@ export function renderIncomeStatement(element: Element) {
       .attr("fill", (d) => d.color)
       .attr("fill-opacity", 0.5)
       .attr("data-tippy-content", (d) => {
+        const secondLevelBreakdown = _.chain(d.breakdown)
+          .toPairs()
+          .groupBy((pair) => firstNames(pair[0], 2))
+          .map((pairs, label) => [label, _.sumBy(pairs, (pair) => pair[1])])
+          .fromPairs()
+          .value();
+
         return tooltip(
-          _.map(d.breakdown, (value, label) => [
+          _.map(secondLevelBreakdown, (value, label) => [
             iconify(label),
             [formatCurrency(value * d.multiplier), "has-text-right has-text-weight-bold"]
           ]),
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 19032030..80430122 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -1010,6 +1010,10 @@ export function secondName(account: string) {
   return account.split(":")[1];
 }
 
+export function firstNames(account: string, n: number) {
+  return _.take(account.split(":"), n).join(":");
+}
+
 export function restName(account: string) {
   return _.drop(account.split(":")).join(":");
 }