From 4ac97537cda2dd1fe8ad61634af5697f8e958033 Mon Sep 17 00:00:00 2001 From: victorAnumudu Date: Fri, 12 Jul 2024 10:22:05 +0100 Subject: [PATCH] process page added --- .../approve-reject-page/ApproveRejectPage.tsx | 79 +++++++++++++++++++ .../ApproveRejectRoutes.tsx | 45 +++++++++++ .../table/columns/UserActionsCell.tsx | 53 +++---------- .../user-verified/table/columns/_columns.tsx | 2 +- src/app/routing/PrivateRoutes.tsx | 65 +++++++++------ 5 files changed, 177 insertions(+), 67 deletions(-) create mode 100644 src/app/modules/process/approve-reject-page/ApproveRejectPage.tsx create mode 100644 src/app/modules/process/approve-reject-page/ApproveRejectRoutes.tsx diff --git a/src/app/modules/process/approve-reject-page/ApproveRejectPage.tsx b/src/app/modules/process/approve-reject-page/ApproveRejectPage.tsx new file mode 100644 index 0000000..ac15773 --- /dev/null +++ b/src/app/modules/process/approve-reject-page/ApproveRejectPage.tsx @@ -0,0 +1,79 @@ +import React, { useEffect, useState } from 'react' +import {useLocation, useNavigate} from 'react-router-dom' +import { Content } from '../../../../_digifi/layout/components/content' +import { ToolbarWrapper } from '../../../../_digifi/layout/components/toolbar' +import { UsersListLoading } from '../user-started/components/loading/UsersListLoading' + +export default function ApproveRejectPage() { + const {state:{selectedUser}} = useLocation() + const navigate = useNavigate() + + const [requestStatus, setRequestStatus] = useState({loading:false, status:false, data:null}) + + const handleSubmit = ():any => { + setRequestStatus({loading:true, status:false, data:null}) + setTimeout(()=>{ + setRequestStatus({loading:false, status:false, data:null}) + },2000) + } + + useEffect(()=>{ + if(!selectedUser){ + navigate('/', {replace:true}) + } + },[]) + + return ( + <> + {/* */} + +
+

Processing: {selectedUser?.uid}

+
+ {/* begin::Row */} +
+ {/* begin::Col */} +
+
+

Process Loan

+
+ + + +
+
+
+

Verification details

+
+
+ {/* end::Col */} + + {/* begin::Col */} +
+
+

Loan Details

+
+
+ {/* end::Col */} +
+ {/* end::Row */} + + {requestStatus.loading && } + + ) +} diff --git a/src/app/modules/process/approve-reject-page/ApproveRejectRoutes.tsx b/src/app/modules/process/approve-reject-page/ApproveRejectRoutes.tsx new file mode 100644 index 0000000..a1ec53c --- /dev/null +++ b/src/app/modules/process/approve-reject-page/ApproveRejectRoutes.tsx @@ -0,0 +1,45 @@ +import { Navigate, Routes, Route, Outlet } from "react-router-dom"; +import { PageLink, PageTitle } from "../../../../_digifi/layout/core"; + +import ApproveRejectPage from "./ApproveRejectPage"; + +const processBreadCrumbs: Array = [ + { + title: "Loan", + path: "/loan/pages/process/verified", + isSeparator: false, + isActive: false, + }, + { + title: "", + path: "", + isSeparator: true, + isActive: false, + }, +]; + +const ApproveRejectRoutes = () => ( + + + {/* */} + + + } + > + + Verified + + + } + /> + } /> + + +); + +export default ApproveRejectRoutes; diff --git a/src/app/modules/process/user-verified/table/columns/UserActionsCell.tsx b/src/app/modules/process/user-verified/table/columns/UserActionsCell.tsx index c4dd569..2e6f7bd 100644 --- a/src/app/modules/process/user-verified/table/columns/UserActionsCell.tsx +++ b/src/app/modules/process/user-verified/table/columns/UserActionsCell.tsx @@ -1,46 +1,29 @@ import { FC, useEffect } from "react"; -import { useMutation, useQueryClient } from "react-query"; +import { useQueryClient } from "react-query"; import { MenuComponent } from "../../../../../../_digifi/assets/ts/components"; import { ID, KTIcon, QUERIES } from "../../../../../../_digifi/helpers"; import { useListView } from "../../core/ListViewProvider"; import { useQueryResponse } from "../../core/QueryResponseProvider"; -import { employersVerify } from "../../../core/_requests"; +import { Link } from "react-router-dom"; + import { User } from "../../../core/_models"; type Props = { id: ID; + data: Array | any }; -const UserActionsCell: FC = ({ id }) => { - const { setItemIdForUpdate } = useListView(); - const { query } = useQueryResponse(); - const queryClient = useQueryClient(); +const UserActionsCell: FC = ({ id, data }) => { + // const { setItemIdForUpdate } = useListView(); + // const { query } = useQueryResponse(); + // const queryClient = useQueryClient(); - // let selectedUser = data?.filter((item:User) => item.uid == id)[0] + let selectedUser = data?.filter((item:User) => item.uid == id)[0] useEffect(() => { MenuComponent.reinitialization(); }, []); - const openEditModal = () => { - setItemIdForUpdate(id); - }; - - const empsVerify = useMutation(() => employersVerify(id), { - // 💡 response of the mutation is passed to onSuccess - onSuccess: () => { - // ✅ update detail view directly - queryClient.invalidateQueries([`${QUERIES.READY_LIST}-${query}`]); - }, - }); - - const resendVerification = async () => { // FUNCTION TO RESEND VERIFICATION - let cont = confirm('Are you sure, you want to send resend verification?') - if(cont){ - await empsVerify.mutateAsync() - } - } - return ( <> = ({ id }) => { > {/* begin::Menu item */} - {/* end::Menu item */} - - {/* begin::Menu item */} - {/* end::Menu item */} diff --git a/src/app/modules/process/user-verified/table/columns/_columns.tsx b/src/app/modules/process/user-verified/table/columns/_columns.tsx index dc90993..672adf1 100644 --- a/src/app/modules/process/user-verified/table/columns/_columns.tsx +++ b/src/app/modules/process/user-verified/table/columns/_columns.tsx @@ -58,7 +58,7 @@ const usersColumns: ReadonlyArray> = [ ), id: 'actions', - Cell: ({...props}) => , + Cell: ({...props}) => , }, ] diff --git a/src/app/routing/PrivateRoutes.tsx b/src/app/routing/PrivateRoutes.tsx index 6cfaf1b..5f679d3 100644 --- a/src/app/routing/PrivateRoutes.tsx +++ b/src/app/routing/PrivateRoutes.tsx @@ -1,11 +1,11 @@ -import {lazy, FC, Suspense} from 'react' -import {Route, Routes, Navigate} from 'react-router-dom' -import {MasterLayout} from '../../_digifi/layout/MasterLayout' -import TopBarProgress from 'react-topbar-progress-indicator' -import {DashboardWrapper} from '../pages/dashboard/DashboardWrapper' +import { lazy, FC, Suspense } from "react"; +import { Route, Routes, Navigate } from "react-router-dom"; +import { MasterLayout } from "../../_digifi/layout/MasterLayout"; +import TopBarProgress from "react-topbar-progress-indicator"; +import { DashboardWrapper } from "../pages/dashboard/DashboardWrapper"; // import {MenuTestPage} from '../pages/MenuTestPage' -import {getCSSVariableValue} from '../../_digifi/assets/ts/_utils' -import {WithChildren} from '../../_digifi/helpers' +import { getCSSVariableValue } from "../../_digifi/assets/ts/_utils"; +import { WithChildren } from "../../_digifi/helpers"; // import BuilderPageWrapper from '../pages/layout-builder/BuilderPageWrapper' const PrivateRoutes = () => { @@ -13,28 +13,43 @@ const PrivateRoutes = () => { // const AccountPage = lazy(() => import('../modules/accounts/AccountPage')) // const WidgetsPage = lazy(() => import('../modules/widgets/WidgetsPage')) // const ChatPage = lazy(() => import('../modules/apps/chat/ChatPage')) - const ProcessPage = lazy(() => import('../modules/process/ProcessPage')) - const UsersPage = lazy(() => import('../modules/apps/user-management/UsersPage')) - const EmployersPage =lazy(() => import('../modules/employers/employers-list/UsersPage')) + const ProcessPage = lazy(() => import("../modules/process/ProcessPage")); + const UsersPage = lazy( + () => import("../modules/apps/user-management/UsersPage") + ); + const EmployersPage = lazy( + () => import("../modules/employers/employers-list/UsersPage") + ); + const ApproveRejectRoutes = lazy( + () => import("../modules/process/approve-reject-page/ApproveRejectRoutes") + ); return ( }> {/* Redirect to Dashboard after success login/registartion */} - } /> + } /> {/* Pages */} - } /> + } /> {/* } /> */} {/* } /> */} {/* Lazy Modules */} } /> + + + + } + /> {/* { } /> */} @@ -76,7 +91,7 @@ const PrivateRoutes = () => { } /> @@ -84,22 +99,22 @@ const PrivateRoutes = () => { } /> {/* Page Not Found */} - } /> + } /> - ) -} + ); +}; -const SuspensedView: FC = ({children}) => { - const baseColor = getCSSVariableValue('--bs-primary') +const SuspensedView: FC = ({ children }) => { + const baseColor = getCSSVariableValue("--bs-primary"); TopBarProgress.config({ barColors: { - '0': baseColor, + "0": baseColor, }, barThickness: 1, shadowBlur: 5, - }) - return }>{children} -} + }); + return }>{children}; +}; -export {PrivateRoutes} +export { PrivateRoutes }; -- 2.34.1