Fix statements data formatting (#6)

- fix statement data format (0d6995b4e63f9d3c14bd4a19845fb20894e60070)

app/components/IncomeStatement/index.tsx

@@ -8,36 +8,26 @@ type Props = {
 };
 
 const IncomeStatement = ({ statementData }: Props) => {
-  console.log('statementData', statementData);
   const [data, setData] = useState<any | undefined>(undefined);
   const [profit, setProfit] = useState(0);
-  const [incomeTotal, setIncomeTotal] = useState(0);
-  const [expensesTotal, setExpensesTotal] = useState(0);
   const [summaryData, setSummaryData] = useState<any[]>([]);
 
   useEffect(() => {
-    // (async () => {
-    //   const resp = await fetch(incomeStatements);
-    //   const t = await resp.json();
-    //   setData(t);
-    // })();
-
     if (statementData) {
-      const calculateTotal = (obj: any) => Object.values(obj).reduce((acc: any, value: any) => acc + value, 0);
-      const aggIncome = calculateTotal(statementData.income);
-      const expensesTotal = calculateTotal(statementData.expenses);
-      const profit = Number(incomeTotal) - Number(expensesTotal);
-
-      const incomeData = Object.keys(statementData.income).map((key) => ({
-        key,
-        category: `Income - ${key.charAt(0).toUpperCase() + key.slice(1)}`,
-        amount: statementData.income[key],
+      const incomeTotal = statementData.income.total;
+      const expensesTotal = statementData.expenses.total;
+      const profit = incomeTotal - expensesTotal;
+
+      const incomeData = statementData.income.category_totals.map((item: any) => ({
+        key: Object.keys(item)[0],
+        category: `Income - ${Object.keys(item)[0]}`,
+        amount: Object.values(item)[0],
       }));
 
-      const expensesData = Object.keys(statementData.expenses).map((key) => ({
-        key,
-        category: `Expense - ${key.charAt(0).toUpperCase() + key.slice(1)}`,
-        amount: statementData.expenses[key],
+      const expensesData = statementData.expenses.category_totals.map((item: any) => ({
+        key: Object.keys(item)[0],
+        category: `Expense - ${Object.keys(item)[0]}`,
+        amount: Object.values(item)[0],
       }));
 
       const summaryData = [
@@ -61,14 +51,11 @@ const IncomeStatement = ({ statementData }: Props) => {
       ];
 
       setProfit(profit);
-      setIncomeTotal(Number(aggIncome));
       setSummaryData(summaryData);
     }
     setData(statementData);
   }, []);
 
-
-
   const columns = [
     {
       title: 'Category',
@@ -90,8 +77,6 @@ const IncomeStatement = ({ statementData }: Props) => {
     return '';
   };
 
-
-
   if (!data) {
     return (
       <Flex align="center" gap="middle">