statements list

app/(home)/dashboard/page.tsx

@@ -50,6 +50,11 @@ const Dashboard = () => {
       dataIndex: 'category',
       key: 'category',
     },
+    {
+      title: 'Type',
+      dataIndex: 'type',
+      key: 'type',
+    },
   ];
 
  

app/(home)/reports/page.tsx

@@ -1,8 +1,34 @@
 'use client';
-import React from "react";
+import { incomeStatements } from "@/app/lib/endpoints";
+import moment from "moment";
+import { List } from "antd";
+import React, { useEffect, useState } from "react";
+
 const Reports = () => {
+  const [statements, setStatements] = useState([]);
+  useEffect(() => {
+    (async () => {
+      const data = await fetch(incomeStatements)
+      const statements = await data.json();
+      setStatements(statements);
+    })();
+  }, []);
   return (
-    <div>reports route</div>
+    <div style={{ padding: 24 }}>
+      <h1>Statements</h1>
+      <List
+        itemLayout="horizontal"
+        dataSource={statements}
+        renderItem={(item: any) => (
+          <List.Item>
+            <List.Item.Meta
+              title={<a href="#">{`${moment(item.date_from).format('MM-DD-YYYY')} until ${moment(item.date_to).format('MM-DD-YYYY')}`}</a>}
+              // description="This is the description"
+            />
+          </List.Item>
+        )}
+      />
+    </div>
   );
 }
 

app/lib/endpoints/index.ts

@@ -2,4 +2,6 @@ const baseUrl = process.env.NEXT_PUBLIC_BASE_URL;
 const url = `${baseUrl}/api/v1`
 
 export const transactionsEndpoint = `${url}/transactions/1`;
-export const fielUploadEndpoint = `${url}/file_upload`;
+export const fielUploadEndpoint = `${url}/file_upload`;
+export const incomeStatements = `${url}/income_statement/1`;
+export const statementEndpoint = `${url}/statement`;

package-lock.json

@@ -22,6 +22,7 @@
         "dotenv": "^16.3.1",
         "llamaindex": "0.3.13",
         "lucide-react": "^0.294.0",
+        "moment": "^2.30.1",
         "next": "^14.0.3",
         "pdf2json": "3.0.5",
         "react": "^18.2.0",
@@ -9124,6 +9125,14 @@
       "resolved": "https://registry.npmjs.org/module-details-from-path/-/module-details-from-path-1.0.3.tgz",
       "integrity": "sha512-ySViT69/76t8VhE1xXHK6Ch4NcDd26gx0MzKXLO+F7NOtnqH68d9zF94nT8ZWSxXh8ELOERsnJO/sWt1xZYw5A=="
     },
+    "node_modules/moment": {
+      "version": "2.30.1",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.30.1.tgz",
+      "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/mongodb": {
       "version": "6.6.2",
       "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-6.6.2.tgz",

package.json

@@ -25,6 +25,7 @@
     "dotenv": "^16.3.1",
     "llamaindex": "0.3.13",
     "lucide-react": "^0.294.0",
+    "moment": "^2.30.1",
     "next": "^14.0.3",
     "pdf2json": "3.0.5",
     "react": "^18.2.0",