page dummy table

src/app/modules/process/ProcessPage.tsx

@@ -1,11 +1,12 @@
 import {Navigate, Routes, Route, Outlet} from 'react-router-dom'
 import {PageLink, PageTitle} from '../../../_digifi/layout/core'
-import {Overview} from './components/Overview'
-import {Projects} from './components/Projects'
-import {Campaigns} from './components/Campaigns'
-import {Documents} from './components/Documents'
-import {Connections} from './components/Connections'
-import {ProcessHeader} from './ProcessHeader'
+// import {Overview} from './components/Overview'
+// import {Projects} from './components/Projects'
+// import {Campaigns} from './components/Campaigns'
+// import {Documents} from './components/Documents'
+// import {Connections} from './components/Connections'
+// import {ProcessHeader} from './ProcessHeader'
+import { StartedUserList } from './components/StartedUserList'
 
 const processBreadCrumbs: Array<PageLink> = [
   {
@@ -27,7 +28,7 @@ const ProcessPage = () => (
     <Route
       element={
         <>
-          <ProcessHeader />
+          {/* <ProcessHeader /> */}
           <Outlet />
         </>
       }
@@ -37,7 +38,7 @@ const ProcessPage = () => (
         element={
           <>
             <PageTitle breadcrumbs={processBreadCrumbs}>Started</PageTitle>
-            <Overview />
+            <StartedUserList />
           </>
         }
       />
@@ -46,7 +47,7 @@ const ProcessPage = () => (
         element={
           <>
             <PageTitle breadcrumbs={processBreadCrumbs}>Pending</PageTitle>
-            <Projects />
+            <StartedUserList />
           </>
         }
       />
@@ -55,7 +56,7 @@ const ProcessPage = () => (
         element={
           <>
             <PageTitle breadcrumbs={processBreadCrumbs}>Ready</PageTitle>
-            <Campaigns />
+            <StartedUserList />
           </>
         }
       />
@@ -64,7 +65,7 @@ const ProcessPage = () => (
         element={
           <>
             <PageTitle breadcrumbs={processBreadCrumbs}>Approved</PageTitle>
-            <Documents />
+            <StartedUserList />
           </>
         }
       />
@@ -73,7 +74,7 @@ const ProcessPage = () => (
         element={
           <>
             <PageTitle breadcrumbs={processBreadCrumbs}>Rejected</PageTitle>
-            <Connections />
+            <StartedUserList />
           </>
         }
       />

src/app/modules/process/components/StartedUserList.tsx

@@ -0,0 +1,37 @@
+import { KTCard } from "../../../../_digifi/helpers"
+import { Content } from "../../../../_digifi/layout/components/content"
+import { ToolbarWrapper } from "../../../../_digifi/layout/components/toolbar"
+import { UsersListHeader } from "../../apps/user-management/users-list/components/header/UsersListHeader"
+import { ListViewProvider, useListView } from "../../apps/user-management/users-list/core/ListViewProvider"
+import { QueryRequestProvider } from "../../apps/user-management/users-list/core/QueryRequestProvider"
+import { QueryResponseProvider } from "../../apps/user-management/users-list/core/QueryResponseProvider"
+import { UsersTable } from "../../apps/user-management/users-list/table/UsersTable"
+import { UserEditModal } from "../../apps/user-management/users-list/user-edit-modal/UserEditModal"
+
+const UsersList = () => {
+  const {itemIdForUpdate} = useListView()
+  return (
+    <>
+      <KTCard>
+        <UsersListHeader />
+        <UsersTable />
+      </KTCard>
+      {itemIdForUpdate !== undefined && <UserEditModal />}
+    </>
+  )
+}
+
+const StartedUserList = () => (
+  <QueryRequestProvider>
+    <QueryResponseProvider>
+      <ListViewProvider>
+        <ToolbarWrapper />
+        <Content>
+          <UsersList />
+        </Content>
+      </ListViewProvider>
+    </QueryResponseProvider>
+  </QueryRequestProvider>
+)
+
+export {StartedUserList}