Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c14f5b9e22 | |||
| bc103a747a | |||
| fb6092c359 |
@@ -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 */}
|
||||||
|
|||||||
Reference in New Issue
Block a user