From 85272f5d34845dea6151d81b4e02a349fd228dec Mon Sep 17 00:00:00 2001
From: "shiweisong.ssw" <shiweisong.ssw@digital-engine.com>
Date: Mon, 26 Jun 2023 16:34:58 +0800
Subject: [PATCH] feat: fetch documents

---
 datacenter/app/datastores/documents/page.tsx | 68 ++++++++++++++++++++
 datacenter/app/datastores/page.tsx           |  4 +-
 datacenter/package-lock.json                 | 14 ++++
 datacenter/package.json                      |  1 +
 4 files changed, 85 insertions(+), 2 deletions(-)
 create mode 100644 datacenter/app/datastores/documents/page.tsx

diff --git a/datacenter/app/datastores/documents/page.tsx b/datacenter/app/datastores/documents/page.tsx
new file mode 100644
index 000000000..63e2bdd35
--- /dev/null
+++ b/datacenter/app/datastores/documents/page.tsx
@@ -0,0 +1,68 @@
+"use client";
+
+import { withRouter } from 'next/router'
+import React, { useState, useEffect } from 'react';
+import { Table } from 'antd';
+import moment from 'moment';
+
+const Documents = ({ router }) => {
+    const [documents, setDocuments] = useState<any>([]);
+    useEffect(() => {
+        async function fetchDocuments() {
+            const res = await fetch(`http://localhost:8000/knowledge/${router.query.name}/document/list`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({}),
+            });
+            const data = await res.json();
+            if (data.success) {
+                setDocuments(data.data);
+            }
+        }
+        fetchDocuments();
+    }, []);
+    return (
+        <div className='p-4'>
+            <Table
+                columns={[
+                    {
+                        title: 'Name',
+                        dataIndex: 'doc_name',
+                        key: 'doc_name',
+                        align: 'center',
+                    },
+                    {
+                        title: 'Type',
+                        dataIndex: 'doc_type',
+                        key: 'doc_type',
+                        align: 'center',
+                    },
+                    {
+                        title: 'Size',
+                        dataIndex: 'chunk_size',
+                        key: 'chunk_size',
+                        align: 'center',
+                    },
+                    {
+                        title: 'Last Synch',
+                        dataIndex: 'last_sync',
+                        key: 'last_sync',
+                        align: 'center',
+                        render: (text: string) => moment(text).format('YYYY-MM-DD HH:MM:SS')
+                    },
+                    {
+                        title: 'Status',
+                        dataIndex: 'status',
+                        key: 'status',
+                        align: 'center',
+                    },
+                ]}
+                dataSource={documents}
+            />
+        </div>
+    )
+}
+
+export default withRouter(Documents);
\ No newline at end of file
diff --git a/datacenter/app/datastores/page.tsx b/datacenter/app/datastores/page.tsx
index ed2afb0da..39a0a1e83 100644
--- a/datacenter/app/datastores/page.tsx
+++ b/datacenter/app/datastores/page.tsx
@@ -1,5 +1,6 @@
 'use client'
 
+import Router from 'next/router'
 import type { ProFormInstance } from '@ant-design/pro-components';
 import React, { useState, useRef, useEffect } from 'react'
 import {
@@ -55,7 +56,7 @@ const Index = () => {
               key: 'name',
               align: 'center',
               render: (text: string) => {
-                return <a href='javascript:;'>{text}</a>
+                return <a href='javascript:;' onClick={() => Router.push(`/datastores/documents?name=${text}`)}>{text}</a>
               }
             },
             {
@@ -103,7 +104,6 @@ const Index = () => {
                       if (knowledgeSpaceName === '') {
                         props.onSubmit?.()
                       } else {
-                        props.onSubmit?.();
                         const res = await fetch('http://localhost:8000/knowledge/space/add', {
                           method: 'POST',
                           headers: {
diff --git a/datacenter/package-lock.json b/datacenter/package-lock.json
index 1e78d8a74..eb9fc62bc 100644
--- a/datacenter/package-lock.json
+++ b/datacenter/package-lock.json
@@ -30,6 +30,7 @@
         "cuid": "^3.0.0",
         "eslint": "8.43.0",
         "eslint-config-next": "13.4.7",
+        "moment": "^2.29.4",
         "next": "13.4.7",
         "next-auth": "^4.20.1",
         "postcss": "8.4.24",
@@ -5487,6 +5488,14 @@
       "resolved": "https://registry.npmmirror.com/minimist/-/minimist-1.2.8.tgz",
       "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA=="
     },
+    "node_modules/moment": {
+      "version": "2.29.4",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
+      "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/mri": {
       "version": "1.2.0",
       "resolved": "https://registry.npmmirror.com/mri/-/mri-1.2.0.tgz",
@@ -12413,6 +12422,11 @@
       "resolved": "https://registry.npmmirror.com/minimist/-/minimist-1.2.8.tgz",
       "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA=="
     },
+    "moment": {
+      "version": "2.29.4",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
+      "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w=="
+    },
     "mri": {
       "version": "1.2.0",
       "resolved": "https://registry.npmmirror.com/mri/-/mri-1.2.0.tgz",
diff --git a/datacenter/package.json b/datacenter/package.json
index 34cf9158c..24d8c2ea7 100644
--- a/datacenter/package.json
+++ b/datacenter/package.json
@@ -31,6 +31,7 @@
     "cuid": "^3.0.0",
     "eslint": "8.43.0",
     "eslint-config-next": "13.4.7",
+    "moment": "^2.29.4",
     "next": "13.4.7",
     "next-auth": "^4.20.1",
     "postcss": "8.4.24",