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-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>
<HeaderUserMenu />
{/* <HeaderUserMenu /> */}
</div>
{config.app?.header?.default?.menu?.display && (
@@ -1,82 +1,83 @@
import { FC } from 'react';
import { Link } from 'react-router-dom';
import { useAuth } from '../../../../app/modules/auth';
import { Languages } from './Languages';
import { toAbsoluteUrl } from '../../../helpers';
import {FC} from 'react'
import {Link} from 'react-router-dom'
import {useAuth} from '../../../../app/modules/auth'
import {Languages} from './Languages'
import {toAbsoluteUrl} from '../../../helpers'
const HeaderUserMenu: FC = () => {
const { currentUser, logout } = useAuth();
const {currentUser, logout} = useAuth()
return (
<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"
data-kt-menu="true"
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'
>
<div className="menu-item px-3">
<div className="menu-content d-flex align-items-center px-3">
<div className="symbol symbol-50px me-5">
<img alt="Logo" src={toAbsoluteUrl('media/avatars/300-3.jpg')} />
<div className='menu-item px-3'>
<div className='menu-content d-flex align-items-center px-3'>
<div className='symbol symbol-50px me-5'>
<img alt='Logo' src={toAbsoluteUrl('media/avatars/300-3.jpg')} />
</div>
<div className="d-flex flex-column">
<div className="fw-bolder d-flex align-items-center fs-5">
<div className='d-flex flex-column'>
<div className='fw-bolder d-flex align-items-center fs-5'>
{currentUser?.first_name} {currentUser?.first_name}
{/*<span className='badge badge-light-success fw-bolder fs-8 px-2 py-1 ms-2'>Pro</span>*/}
</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}
</a>
</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'>
My Profile
</Link>
</div> */}
</div>
{/* <div className='menu-item px-5'>
<div className='menu-item px-5'>
<a href='#' className='menu-link px-5'>
<span className='menu-text'>My Projects</span>
<span className='menu-badge'>
<span className='badge badge-light-danger badge-circle fw-bolder fs-7'>3</span>
</span>
</a>
</div> */}
</div>
<div
className="menu-item px-5"
data-kt-menu-trigger="hover"
data-kt-menu-placement="left-start"
data-kt-menu-flip="bottom"
className='menu-item px-5'
data-kt-menu-trigger='hover'
data-kt-menu-placement='left-start'
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-arrow'></span>
</a> */}
</a>
<div className="menu-sub menu-sub-dropdown w-175px py-4">
{/* <div className='menu-item px-3'>
<div className='menu-sub menu-sub-dropdown w-175px py-4'>
<div className='menu-item px-3'>
<a href='#' className='menu-link px-5'>
Referrals
</a>
</div> */}
</div>
{/* <div className='menu-item px-3'>
<div className='menu-item px-3'>
<a href='#' className='menu-link px-5'>
Billing
</a>
</div> */}
</div>
{/* <div className='menu-item px-3'>
<div className='menu-item px-3'>
<a href='#' className='menu-link px-5'>
Payments
</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'>
Statements
<i
@@ -85,11 +86,11 @@ const HeaderUserMenu: FC = () => {
title='View your statements'
></i>
</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'>
<label className='form-check form-switch form-check-custom form-check-solid'>
<input
@@ -102,33 +103,33 @@ const HeaderUserMenu: FC = () => {
<span className='form-check-label text-muted fs-7'>Notifications</span>
</label>
</div>
</div> */}
</div>
</div>
</div>
{/* <div className='menu-item px-5'>
<div className='menu-item px-5'>
<a href='#' className='menu-link px-5'>
My Statements
</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'>
Account Settings
</Link>
</div> */}
</div>
<div className="menu-item px-5">
<a onClick={logout} className="menu-link px-5">
<div className='menu-item px-5'>
<a onClick={logout} className='menu-link px-5'>
Sign Out
</a>
</div>
</div>
);
};
)
}
export { HeaderUserMenu };
export {HeaderUserMenu}
@@ -45,13 +45,13 @@ const UserActionsCell: FC<Props> = ({id}) => {
</a>
{/* begin::Menu */}
<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'
>
{/* begin::Menu item */}
<div className='menu-item px-3'>
<a className='menu-link px-3' onClick={openEditModal}>
Edit
Cancel Application
</a>
</div>
{/* end::Menu item */}
@@ -63,7 +63,7 @@ const UserActionsCell: FC<Props> = ({id}) => {
data-kt-users-table-filter='delete_row'
onClick={async () => await deleteItem.mutateAsync()}
>
Delete
Start Processing
</a>
</div>
{/* end::Menu item */}