diff --git a/src/app/components/Portfolio/Report/ReportIndex.tsx b/src/app/components/Portfolio/Report/ReportIndex.tsx
index 6f57b58..a11bbb6 100644
--- a/src/app/components/Portfolio/Report/ReportIndex.tsx
+++ b/src/app/components/Portfolio/Report/ReportIndex.tsx
@@ -1,10 +1,15 @@
 import { Link, Table, TableCaption, TableContainer, Tbody, Td, Thead, Tr } from "@chakra-ui/react";
 import { FunctionComponent, default as React } from "react";
 import { Link as RouterLink, useLoaderData, useParams } from "react-router-dom";
+import { ReportEntry } from "../../../../routers/reports.types";
+import Number from "../../Number/Number";
+import { StatementLink } from "../Statement/links";
 import { ReportLink } from "./links";
 
 type Props = Record<string, never>;
 
+const months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+
 /**
  * Statements list component
  * @param param0
@@ -12,7 +17,29 @@ type Props = Record<string, never>;
  */
 const ReportsIndex: FunctionComponent<Props> = ({ ..._rest }): React.ReactNode => {
   const { portfolioId } = useParams();
-  const theReports = useLoaderData() as number[];
+  const theReports = useLoaderData() as ReportEntry[];
+  const years = theReports.reduce((p, v) => {
+    if (!p.includes(v.year)) p.push(v.year);
+    return p;
+  }, [] as number[]);
+
+  const Cell = ({ year, month }: { year: number; month: number }): React.ReactNode => {
+    const report = theReports.find((item) => item.year == year && item.month == month);
+    const value = report
+      ? report.dividendsSummary.reduce((p, v) => p + v.grossAmountInBase, 0) +
+        report.interestsSummary.totalAmountInBase +
+        report.feesSummary.totalAmountInBase
+      : 0;
+    return (
+      <>
+        {report && (
+          <Link to={StatementLink.toMonth(portfolioId, year, month)} as={RouterLink}>
+            <Number value={value} />
+          </Link>
+        )}
+      </>
+    );
+  };
 
   return (
     <>
@@ -22,16 +49,30 @@ const ReportsIndex: FunctionComponent<Props> = ({ ..._rest }): React.ReactNode =
           <Thead>
             <Tr>
               <Td>Year</Td>
+              {months.map((month) => {
+                return (
+                  <td key={month} align="right">
+                    {month}
+                  </td>
+                );
+              })}
             </Tr>
           </Thead>
           <Tbody>
-            {theReports.map((item) => (
-              <Tr key={item}>
+            {years.map((year) => (
+              <Tr key={year}>
                 <td>
-                  <Link to={ReportLink.toItem(portfolioId, item)} as={RouterLink}>
-                    {item}
+                  <Link to={ReportLink.toItem(portfolioId, year)} as={RouterLink}>
+                    {year}
                   </Link>
                 </td>
+                {months.map((month, i) => {
+                  return (
+                    <td key={year + "-" + month} align="right">
+                      <Cell year={year} month={i + 1} />
+                    </td>
+                  );
+                })}
               </Tr>
             ))}
           </Tbody>
diff --git a/src/app/components/Portfolio/Report/ReportSummary.tsx b/src/app/components/Portfolio/Report/ReportSummary.tsx
index 807ba56..1043cd2 100644
--- a/src/app/components/Portfolio/Report/ReportSummary.tsx
+++ b/src/app/components/Portfolio/Report/ReportSummary.tsx
@@ -3,7 +3,6 @@ import { FunctionComponent, default as React } from "react";
 import { Link as RouterLink, useLoaderData, useParams } from "react-router-dom";
 import { DididendSummary, ReportEntry } from "../../../../routers/reports.types";
 import Number from "../../Number/Number";
-import StatementsTable from "../Statement/StatementsTable";
 import { ReportLink } from "./links";
 
 type Props = Record<string, never>;
@@ -15,7 +14,7 @@ type Props = Record<string, never>;
  */
 const ReportSummary: FunctionComponent<Props> = ({ ..._rest }): React.ReactNode => {
   const { portfolioId } = useParams();
-  const theReport = useLoaderData() as ReportEntry;
+  const theReport = useLoaderData()[0] as ReportEntry;
 
   return (
     <>
@@ -26,7 +25,6 @@ const ReportSummary: FunctionComponent<Props> = ({ ..._rest }): React.ReactNode
         </Link>
         <Spacer />
       </Box>
-      {/* <DividendsSummaryTable /> */}
       <h2>Dividends</h2>
       <VStack align="left">
         <HStack alignContent="left">
@@ -65,8 +63,7 @@ const ReportSummary: FunctionComponent<Props> = ({ ..._rest }): React.ReactNode
           <Spacer />
         </HStack>
       </VStack>
-      <StatementsTable content={theReport.dividendsDetails} title="Dividends" />
-      {/* <InterestsTable /> */}
+      {/* <StatementsTable content={theReport.dividendsDetails} title="Dividends" /> */}
       <h2>Interests</h2>
       <SimpleGrid columns={2}>
         <Box>Gross credit</Box>
@@ -86,7 +83,7 @@ const ReportSummary: FunctionComponent<Props> = ({ ..._rest }): React.ReactNode
           <Number value={theReport.interestsSummary.totalAmountInBase} />
         </Box>
       </SimpleGrid>
-      <StatementsTable content={theReport.interestsDetails} title="Interests" />
+      {/* <StatementsTable content={theReport.interestsDetails} title="Interests" /> */}
       <h2>Fees</h2>
       <HStack align="left">
         <Box>Total</Box>
@@ -95,7 +92,7 @@ const ReportSummary: FunctionComponent<Props> = ({ ..._rest }): React.ReactNode
         </Box>
         <Spacer />
       </HStack>
-      <StatementsTable content={theReport.feesDetails} title="Fees" />
+      {/* <StatementsTable content={theReport.feesDetails} title="Fees" /> */}
     </>
   );
 };
diff --git a/src/app/components/Portfolio/Report/loaders.ts b/src/app/components/Portfolio/Report/loaders.ts
index c2733fd..83136bc 100644
--- a/src/app/components/Portfolio/Report/loaders.ts
+++ b/src/app/components/Portfolio/Report/loaders.ts
@@ -6,21 +6,33 @@ import { ReportEntry } from "../../../../routers/reports.types";
  * @param param0
  * @returns
  */
-export const reportsIndexLoader = ({ params }: LoaderFunctionArgs): Promise<number[]> => {
+export const reportsIndexLoader0 = ({ params }: LoaderFunctionArgs): Promise<number[]> => {
   const { portfolioId } = params;
   return fetch(`/api/portfolio/${portfolioId}/reports/index`)
     .then((response) => response.json())
     .then((data) => data.reports as number[]);
 };
 
+/**
+ * Fetch all reports
+ * @param param0
+ * @returns
+ */
+export const reportsIndexLoader = ({ params }: LoaderFunctionArgs): Promise<ReportEntry[]> => {
+  const { portfolioId } = params;
+  return fetch(`/api/portfolio/${portfolioId}/reports/summary/all`)
+    .then((response) => response.json())
+    .then((data) => data.reports as ReportEntry[]);
+};
+
 /**
  * Fetch a report
  * @param param0
  * @returns
  */
-export const reportSummaryLoader = ({ params }: LoaderFunctionArgs): Promise<ReportEntry> => {
+export const reportSummaryLoader = ({ params }: LoaderFunctionArgs): Promise<ReportEntry[]> => {
   const { portfolioId, year } = params;
   return fetch(`/api/portfolio/${portfolioId}/reports/year/${year}`)
     .then((response) => response.json())
-    .then((data) => data.report as ReportEntry);
+    .then((data) => data.reports as ReportEntry[]);
 };
diff --git a/src/app/components/Portfolio/Statement/BaseStatement.tsx b/src/app/components/Portfolio/Statement/BaseStatement.tsx
index 6c748b0..4fe8594 100644
--- a/src/app/components/Portfolio/Statement/BaseStatement.tsx
+++ b/src/app/components/Portfolio/Statement/BaseStatement.tsx
@@ -32,7 +32,7 @@ const BaseStatement = ({ portfolioId, statement }: Props): React.ReactNode => {
           Date:
         </Text>
         <Text w="200px" textAlign="right">
-          <Link to={StatementLink.toMonth(portfolioId, new Date(statement.date))} as={RouterLink}>
+          <Link to={StatementLink.toDate(portfolioId, new Date(statement.date))} as={RouterLink}>
             {new Date(statement.date).toLocaleString()}
           </Link>
         </Text>
diff --git a/src/app/components/Portfolio/Statement/links.ts b/src/app/components/Portfolio/Statement/links.ts
index e729c48..6eb9af1 100644
--- a/src/app/components/Portfolio/Statement/links.ts
+++ b/src/app/components/Portfolio/Statement/links.ts
@@ -2,10 +2,13 @@ export const StatementLink = {
   toIndex: (portfolioId: number | string): string => `/portfolio/${portfolioId}/statements/summary/ytd/`,
   toItem: (portfolioId: number | string, statementId: number | string): string =>
     `/portfolio/${portfolioId}/statements/id/${statementId}/`,
-  toMonth: (portfolioId: number | string, date: Date | string): string => {
+  toDate: (portfolioId: number | string, date: Date | string): string => {
     if (typeof date != "string") date = date.toISOString();
     return `/portfolio/${portfolioId}/statements/month/${date.substring(0, 4)}/${date.substring(5, 7)}/`;
   },
+  toMonth: (portfolioId: number | string, year: number | string, month: number | string): string => {
+    return `/portfolio/${portfolioId}/statements/month/${year}/${month}/`;
+  },
   edit: (portfolioId: number | string, itemId: number | string): string =>
     `/portfolio/${portfolioId}/statements/id/${itemId}/edit`,
 };
diff --git a/src/app/components/Portfolio/Trade/TradeShow.tsx b/src/app/components/Portfolio/Trade/TradeShow.tsx
index 793104f..c489d85 100644
--- a/src/app/components/Portfolio/Trade/TradeShow.tsx
+++ b/src/app/components/Portfolio/Trade/TradeShow.tsx
@@ -35,7 +35,7 @@ const TradeShow: FunctionComponent<Props> = ({ ..._rest }): React.ReactNode => {
             Open date:
           </Text>
           <Text w="200px" textAlign="right">
-            <Link to={StatementLink.toMonth(portfolioId, new Date(item.openingDate))} as={RouterLink}>
+            <Link to={StatementLink.toDate(portfolioId, new Date(item.openingDate))} as={RouterLink}>
               {new Date(item.openingDate).toLocaleString()}
             </Link>
           </Text>
@@ -66,7 +66,7 @@ const TradeShow: FunctionComponent<Props> = ({ ..._rest }): React.ReactNode => {
           </Text>
           <Text w="200px" textAlign="right">
             {item.closingDate && (
-              <Link to={StatementLink.toMonth(portfolioId, new Date(item.closingDate))} as={RouterLink}>
+              <Link to={StatementLink.toDate(portfolioId, new Date(item.closingDate))} as={RouterLink}>
                 {new Date(item.closingDate).toLocaleString()}
               </Link>
             )}
diff --git a/src/routers/reports.router.ts b/src/routers/reports.router.ts
index 99ab9d7..b94c3d4 100644
--- a/src/routers/reports.router.ts
+++ b/src/routers/reports.router.ts
@@ -1,9 +1,13 @@
 import { default as express } from "express";
 import { Op } from "sequelize";
-import { Balance, Currency, Portfolio } from "../models";
+import { LogLevel, default as logger } from "../logger";
+import { Balance, Currency, Portfolio, Statement } from "../models";
 import { prepareReport } from "./statements.utils";
 
-// const MODULE = "ReportsRouter";
+const MODULE = "ReportsRouter";
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-argument,@typescript-eslint/no-unused-vars
+const sequelize_logging = (...args: any[]): void => logger.trace(MODULE + ".squelize", ...args);
 
 const router = express.Router({ mergeParams: true });
 
@@ -53,16 +57,41 @@ router.get("/year/:year(\\d+)", (req, res): void => {
   })
     .then((portfolio) => {
       if (portfolio) {
-        return prepareReport(portfolio, parseInt(year), 0);
+        return prepareReport(portfolio.statements);
       } else {
         throw Error("portfolio doesn't exist");
       }
     })
-    .then((report) => {
-      res.status(200).json({ report });
+    .then((reports) => {
+      res.status(200).json({ reports });
+    })
+    .catch((error) => {
+      console.error(error);
+      res.status(500).json({ error });
+    });
+});
+
+/**
+ * Get all monthly reports
+ */
+router.get("/summary/all", (req, res): void => {
+  const { portfolioId } = req.params as typeof req.params & parentParams;
+
+  Statement.findAll({
+    where: {
+      portfolio_id: portfolioId,
+      date: {
+        [Op.gte]: new Date(2021, 0, 1),
+      },
+    },
+  })
+    .then((statements) => prepareReport(statements))
+    .then((reports) => {
+      res.status(200).json({ reports });
     })
     .catch((error) => {
       console.error(error);
+      logger.log(LogLevel.Error, MODULE + ".All", undefined, JSON.stringify(error));
       res.status(500).json({ error });
     });
 });
diff --git a/src/routers/reports.types.ts b/src/routers/reports.types.ts
index 3abe6d9..6f74b80 100644
--- a/src/routers/reports.types.ts
+++ b/src/routers/reports.types.ts
@@ -53,7 +53,7 @@ export type FeesSummary = {
  * Report entry data transfered between frontend and backend
  */
 export type ReportEntry = {
-  portfolioId: number;
+  // portfolioId: number;
   year: number;
   month: number;
   dividendsSummary: DididendSummary[];
diff --git a/src/routers/statements.router.ts b/src/routers/statements.router.ts
index 7ad73e7..234a7ad 100644
--- a/src/routers/statements.router.ts
+++ b/src/routers/statements.router.ts
@@ -1,6 +1,6 @@
 import express from "express";
 import { Op } from "sequelize";
-import logger, { LogLevel } from "../logger";
+import { default as logger, LogLevel } from "../logger";
 import {
   Contract,
   DividendStatement,
diff --git a/src/routers/statements.types.ts b/src/routers/statements.types.ts
index cc09595..f3d4b65 100644
--- a/src/routers/statements.types.ts
+++ b/src/routers/statements.types.ts
@@ -48,7 +48,7 @@ export type DividendStatementEntry = BaseStatement & {
   country: string;
 };
 export type TaxStatementEntry = BaseStatement & { statementType: "Tax"; country: string };
-export type InterestStatementEntry = BaseStatement & { statementType: "Interest"; country: string };
+export type InterestStatementEntry = BaseStatement & { statementType: "Interest"; country: string | null };
 export type WithHoldingStatementEntry = BaseStatement & { statementType: "WithHolding" };
 export type FeeStatementEntry = BaseStatement & { statementType: "OtherFee" };
 export type CorporateStatementEntry = BaseStatement & { statementType: "CorporateStatement" };
diff --git a/src/routers/statements.utils.ts b/src/routers/statements.utils.ts
index 8f667d6..7d1b29b 100644
--- a/src/routers/statements.utils.ts
+++ b/src/routers/statements.utils.ts
@@ -6,7 +6,6 @@ import {
   EquityStatement,
   OptionContract,
   OptionStatement,
-  Portfolio,
   Statement,
   TaxStatement,
 } from "../models";
@@ -19,7 +18,6 @@ export const statementModelToStatementEntry = (item: Statement): Promise<Stateme
     id: item.id,
     transactionId: item.transactionId,
     date: item.date.getTime(),
-    // statementType: item.statementType,
     currency: item.currency,
     amount: item.netCash,
     pnl: undefined,
@@ -29,7 +27,6 @@ export const statementModelToStatementEntry = (item: Statement): Promise<Stateme
     trade_id: item.trade_unit_id,
     underlying: item.stock,
     quantity: undefined,
-    // option: undefined,
   };
   switch (item.statementType) {
     case StatementTypes.EquityStatement:
@@ -42,6 +39,7 @@ export const statementModelToStatementEntry = (item: Statement): Promise<Stateme
           ...baseStatement,
         };
       });
+
     case StatementTypes.OptionStatement:
       return OptionStatement.findByPk(item.id, {
         include: [
@@ -98,29 +96,35 @@ export const statementModelToStatementEntry = (item: Statement): Promise<Stateme
       return Promise.resolve({
         statementType: StatementTypes.InterestStatement,
         ...baseStatement,
+        country: null,
       });
+
     case StatementTypes.WithHoldingStatement:
       baseStatement.pnl = item.netCash;
       return Promise.resolve({
         statementType: StatementTypes.WithHoldingStatement,
         ...baseStatement,
       });
+
     case StatementTypes.FeeStatement:
       baseStatement.fees = item.netCash;
       return Promise.resolve({
         statementType: StatementTypes.FeeStatement,
         ...baseStatement,
       });
+
     case StatementTypes.CorporateStatement:
       return Promise.resolve({
         statementType: StatementTypes.CorporateStatement,
         ...baseStatement,
       });
+
     case StatementTypes.CashStatement:
       return Promise.resolve({
         statementType: StatementTypes.CashStatement,
         ...baseStatement,
       });
+
     case StatementTypes.BondStatement:
       return BondStatement.findByPk(item.id).then((thisStatement) => {
         baseStatement.quantity = thisStatement?.quantity;
@@ -131,6 +135,7 @@ export const statementModelToStatementEntry = (item: Statement): Promise<Stateme
           ...baseStatement,
         };
       });
+
     default:
       throw Error("Undefined statement type");
   }
@@ -156,24 +161,28 @@ export const prepareStatements = (statements: Statement[]): Promise<StatementEnt
     );
 };
 
-export const prepareReport = (portfolio: Portfolio, year: number, month: number): Promise<ReportEntry> => {
-  return prepareStatements(portfolio.statements).then((statements) => {
-    const report: ReportEntry = {
-      portfolioId: portfolio.id,
-      year,
-      month,
-      dividendsSummary: [],
-      dividendsDetails: [],
-      interestsSummary: { totalAmountInBase: 0, grossCredit: 0, netDebit: 0, withHolding: 0 },
-      interestsDetails: [],
-      feesSummary: { totalAmountInBase: 0 },
-      feesDetails: [],
-    };
+export const prepareReport = (statements: Statement[]): Promise<ReportEntry[]> => {
+  return prepareStatements(statements).then((statements) => {
+    const result: ReportEntry[] = [];
     statements.forEach((statement) => {
-      // const date = statement.date.toString();
-      // const year = parseInt(date.substring(0, 4));
-      // const month = parseInt(date.substring(5, 7));
+      const year = new Date(statement.date).getUTCFullYear();
+      const month = new Date(statement.date).getUTCMonth() + 1;
       let entry: DididendSummary | undefined;
+      let report = result.find((item) => item.year == year && item.month == month);
+      if (!report) {
+        // console.log(date, "creating report for ", year, month);
+        report = {
+          year,
+          month,
+          dividendsSummary: [],
+          dividendsDetails: [],
+          interestsSummary: { totalAmountInBase: 0, grossCredit: 0, netDebit: 0, withHolding: 0 },
+          interestsDetails: [],
+          feesSummary: { totalAmountInBase: 0 },
+          feesDetails: [],
+        };
+        result.push(report);
+      }
       switch (statement.statementType) {
         case StatementTypes.DividendStatement:
           entry = report.dividendsSummary.find((item) => item.country == statement.country);
@@ -214,7 +223,7 @@ export const prepareReport = (portfolio: Portfolio, year: number, month: number)
           break;
       }
     });
-    console.log(report.dividendsSummary);
-    return report;
+    // console.log(report.dividendsSummary);
+    return result;
   });
 };