From 1fbcdd82c812d08ee2062387ce486f13d2548182 Mon Sep 17 00:00:00 2001
From: TekH <h.tek@digitaldata.works>
Date: Tue, 15 Jul 2025 16:58:48 +0200
Subject: [PATCH] refactor(doc-search-view): updated to initalize the documents
 in the component

---
 src/client/dd-hub-react/src/pages/doc-search.tsx | 14 +-------------
 .../sections/document/view/doc-search-view.tsx   | 16 ++++++++++------
 .../src/services/document-service.ts             |  5 +----
 3 files changed, 12 insertions(+), 23 deletions(-)

diff --git a/src/client/dd-hub-react/src/pages/doc-search.tsx b/src/client/dd-hub-react/src/pages/doc-search.tsx
index 651888c..d3ecf11 100644
--- a/src/client/dd-hub-react/src/pages/doc-search.tsx
+++ b/src/client/dd-hub-react/src/pages/doc-search.tsx
@@ -1,27 +1,15 @@
-import { useEffect, useState } from 'react';
-
 import { _posts } from 'src/_mock';
 import { CONFIG } from 'src/config-global';
-import { Doc, getDocuments } from 'src/services/document-service';
 
 import { DocSearchView } from 'src/sections/document/view';
 
 // ----------------------------------------------------------------------
 
 export default function Page() {
-  const [docs, setDocs] = useState<Doc[]>([]);
-
-  useEffect(() => {
-    getDocuments({}).then((res) => {
-      setDocs(res);
-    });
-  }, []);
-
   return (
     <>
       <title>{`Document Search - ${CONFIG.appName}`}</title>
-
-      <DocSearchView docs={docs} />
+      <DocSearchView />
     </>
   );
 }
diff --git a/src/client/dd-hub-react/src/sections/document/view/doc-search-view.tsx b/src/client/dd-hub-react/src/sections/document/view/doc-search-view.tsx
index f1a4915..3787e27 100644
--- a/src/client/dd-hub-react/src/sections/document/view/doc-search-view.tsx
+++ b/src/client/dd-hub-react/src/sections/document/view/doc-search-view.tsx
@@ -6,8 +6,8 @@ import Button from '@mui/material/Button';
 import Typography from '@mui/material/Typography';
 import Pagination from '@mui/material/Pagination';
 
-import { Doc } from 'src/services/document-service';
 import { DashboardContent } from 'src/layouts/dashboard';
+import { Doc, getDocuments } from 'src/services/document-service';
 import { Attribute, getAttributes } from 'src/services/attribute-service';
 
 import { Iconify } from 'src/components/iconify';
@@ -20,11 +20,7 @@ import { DecimalFilter, IntFilter } from '../num-filter';
 import { DateFilter, DateTimeFilter, TimeFilter } from '../date-filter';
 // ----------------------------------------------------------------------
 
-type Props = {
-  docs: Doc[];
-};
-
-export function DocSearchView({ docs }: Props) {
+export function DocSearchView() {
   const [sortBy, setSortBy] = useState('latest');
 
   const [filters, setFilters] = useState<Attribute[]>([])
@@ -39,6 +35,14 @@ export function DocSearchView({ docs }: Props) {
     });
   }, []);
 
+  const [docs, setDocs] = useState<Doc[]>([]);
+
+  useEffect(() => {
+    getDocuments({}).then((res) => {
+      setDocs(res);
+    });
+  }, []);
+
   const [openCreateFilterModal, setOpenCreateFilterModal] = useState(false);
 
   //#region example components
diff --git a/src/client/dd-hub-react/src/services/document-service.ts b/src/client/dd-hub-react/src/services/document-service.ts
index bf44adf..c3fb2a0 100644
--- a/src/client/dd-hub-react/src/services/document-service.ts
+++ b/src/client/dd-hub-react/src/services/document-service.ts
@@ -1,7 +1,5 @@
 import { _documents } from "src/_mock"
 
-import { Type } from "./attribute-service";
-
 export type FileFormat =
     | 'pdf'
     | 'docx'
@@ -26,8 +24,7 @@ const validExtensions: FileFormat[] = [
 
 type DocAttribute = {
     name: string;
-    serilizedValue: string;
-    type: Type;
+    serilizedValue?: string;
 }
 
 export class Doc {