Compare commits

..

3 Commits

Author SHA1 Message Date
victorAnumudu c14f5b9e22 pending loan list action updated 2024-05-15 18:58:16 +01:00
victorAnumudu bc103a747a Merged with master 2024-05-15 18:44:40 +01:00
victorAnumudu fb6092c359 pending loan list action updated 2024-05-15 18:43:12 +01:00
3 changed files with 59 additions and 54 deletions
@@ -60,9 +60,13 @@ const Navbar = () => {
data-kt-menu-attach="parent" data-kt-menu-attach="parent"
data-kt-menu-placement="bottom-end" data-kt-menu-placement="bottom-end"
> >
<img src={toAbsoluteUrl('media/avatars/300-3.jpg')} alt="" /> <img
src={toAbsoluteUrl('media/avatars/300-3.jpg')}
alt=""
style={{ cursor: 'auto' }}
/>
</div> </div>
<HeaderUserMenu /> {/* <HeaderUserMenu /> */}
</div> </div>
{config.app?.header?.default?.menu?.display && ( {config.app?.header?.default?.menu?.display && (
@@ -1,82 +1,83 @@
import { FC } from 'react';
import { Link } from 'react-router-dom'; import {FC} from 'react'
import { useAuth } from '../../../../app/modules/auth'; import {Link} from 'react-router-dom'
import { Languages } from './Languages'; import {useAuth} from '../../../../app/modules/auth'
import { toAbsoluteUrl } from '../../../helpers'; import {Languages} from './Languages'
import {toAbsoluteUrl} from '../../../helpers'
const HeaderUserMenu: FC = () => { const HeaderUserMenu: FC = () => {
const { currentUser, logout } = useAuth(); const {currentUser, logout} = useAuth()
return ( return (
<div <div
className="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg menu-state-primary fw-bold py-4 fs-6 w-275px" className='menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg menu-state-primary fw-bold py-4 fs-6 w-275px'
data-kt-menu="true" data-kt-menu='true'
> >
<div className="menu-item px-3"> <div className='menu-item px-3'>
<div className="menu-content d-flex align-items-center px-3"> <div className='menu-content d-flex align-items-center px-3'>
<div className="symbol symbol-50px me-5"> <div className='symbol symbol-50px me-5'>
<img alt="Logo" src={toAbsoluteUrl('media/avatars/300-3.jpg')} /> <img alt='Logo' src={toAbsoluteUrl('media/avatars/300-3.jpg')} />
</div> </div>
<div className="d-flex flex-column"> <div className='d-flex flex-column'>
<div className="fw-bolder d-flex align-items-center fs-5"> <div className='fw-bolder d-flex align-items-center fs-5'>
{currentUser?.first_name} {currentUser?.first_name} {currentUser?.first_name} {currentUser?.first_name}
{/*<span className='badge badge-light-success fw-bolder fs-8 px-2 py-1 ms-2'>Pro</span>*/} {/*<span className='badge badge-light-success fw-bolder fs-8 px-2 py-1 ms-2'>Pro</span>*/}
</div> </div>
<a href="#" className="fw-bold text-muted text-hover-primary fs-7"> <a href='#' className='fw-bold text-muted text-hover-primary fs-7'>
{currentUser?.email} {currentUser?.email}
</a> </a>
</div> </div>
</div> </div>
</div> </div>
<div className="separator my-2"></div> <div className='separator my-2'></div>
{/* <div className='menu-item px-5'> <div className='menu-item px-5'>
<Link to={'/crafted/pages/profile'} className='menu-link px-5'> <Link to={'/crafted/pages/profile'} className='menu-link px-5'>
My Profile My Profile
</Link> </Link>
</div> */} </div>
{/* <div className='menu-item px-5'> <div className='menu-item px-5'>
<a href='#' className='menu-link px-5'> <a href='#' className='menu-link px-5'>
<span className='menu-text'>My Projects</span> <span className='menu-text'>My Projects</span>
<span className='menu-badge'> <span className='menu-badge'>
<span className='badge badge-light-danger badge-circle fw-bolder fs-7'>3</span> <span className='badge badge-light-danger badge-circle fw-bolder fs-7'>3</span>
</span> </span>
</a> </a>
</div> */} </div>
<div <div
className="menu-item px-5" className='menu-item px-5'
data-kt-menu-trigger="hover" data-kt-menu-trigger='hover'
data-kt-menu-placement="left-start" data-kt-menu-placement='left-start'
data-kt-menu-flip="bottom" data-kt-menu-flip='bottom'
> >
{/* <a href='#' className='menu-link px-5'> <a href='#' className='menu-link px-5'>
<span className='menu-title'>My Subscription</span> <span className='menu-title'>My Subscription</span>
<span className='menu-arrow'></span> <span className='menu-arrow'></span>
</a> */} </a>
<div className="menu-sub menu-sub-dropdown w-175px py-4"> <div className='menu-sub menu-sub-dropdown w-175px py-4'>
{/* <div className='menu-item px-3'> <div className='menu-item px-3'>
<a href='#' className='menu-link px-5'> <a href='#' className='menu-link px-5'>
Referrals Referrals
</a> </a>
</div> */} </div>
{/* <div className='menu-item px-3'> <div className='menu-item px-3'>
<a href='#' className='menu-link px-5'> <a href='#' className='menu-link px-5'>
Billing Billing
</a> </a>
</div> */} </div>
{/* <div className='menu-item px-3'> <div className='menu-item px-3'>
<a href='#' className='menu-link px-5'> <a href='#' className='menu-link px-5'>
Payments Payments
</a> </a>
</div> */} </div>
{/* <div className='menu-item px-3'> <div className='menu-item px-3'>
<a href='#' className='menu-link d-flex flex-stack px-5'> <a href='#' className='menu-link d-flex flex-stack px-5'>
Statements Statements
<i <i
@@ -85,11 +86,11 @@ const HeaderUserMenu: FC = () => {
title='View your statements' title='View your statements'
></i> ></i>
</a> </a>
</div> */} </div>
<div className="separator my-2"></div> <div className='separator my-2'></div>
{/* <div className='menu-item px-3'> <div className='menu-item px-3'>
<div className='menu-content px-3'> <div className='menu-content px-3'>
<label className='form-check form-switch form-check-custom form-check-solid'> <label className='form-check form-switch form-check-custom form-check-solid'>
<input <input
@@ -102,33 +103,33 @@ const HeaderUserMenu: FC = () => {
<span className='form-check-label text-muted fs-7'>Notifications</span> <span className='form-check-label text-muted fs-7'>Notifications</span>
</label> </label>
</div> </div>
</div> */} </div>
</div> </div>
</div> </div>
{/* <div className='menu-item px-5'> <div className='menu-item px-5'>
<a href='#' className='menu-link px-5'> <a href='#' className='menu-link px-5'>
My Statements My Statements
</a> </a>
</div> */} </div>
<div className="separator my-2"></div> <div className='separator my-2'></div>
{/* <Languages /> */} <Languages />
{/* <div className='menu-item px-5 my-1'> <div className='menu-item px-5 my-1'>
<Link to='/crafted/account/settings' className='menu-link px-5'> <Link to='/crafted/account/settings' className='menu-link px-5'>
Account Settings Account Settings
</Link> </Link>
</div> */} </div>
<div className="menu-item px-5"> <div className='menu-item px-5'>
<a onClick={logout} className="menu-link px-5"> <a onClick={logout} className='menu-link px-5'>
Sign Out Sign Out
</a> </a>
</div> </div>
</div> </div>
); )
}; }
export { HeaderUserMenu }; export {HeaderUserMenu}
@@ -45,13 +45,13 @@ const UserActionsCell: FC<Props> = ({id}) => {
</a> </a>
{/* begin::Menu */} {/* begin::Menu */}
<div <div
className='menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-bold fs-7 w-125px py-4' className='menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-bold fs-7 w-175px py-4'
data-kt-menu='true' data-kt-menu='true'
> >
{/* begin::Menu item */} {/* begin::Menu item */}
<div className='menu-item px-3'> <div className='menu-item px-3'>
<a className='menu-link px-3' onClick={openEditModal}> <a className='menu-link px-3' onClick={openEditModal}>
Edit Cancel Application
</a> </a>
</div> </div>
{/* end::Menu item */} {/* end::Menu item */}
@@ -63,7 +63,7 @@ const UserActionsCell: FC<Props> = ({id}) => {
data-kt-users-table-filter='delete_row' data-kt-users-table-filter='delete_row'
onClick={async () => await deleteItem.mutateAsync()} onClick={async () => await deleteItem.mutateAsync()}
> >
Delete Start Processing
</a> </a>
</div> </div>
{/* end::Menu item */} {/* end::Menu item */}