DigiFi/digifi-bko
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Logout fix #19

Merged
ameye merged 1 commits from logout_fix into master 2024-05-16 12:26:01 +00:00
Conversation 0 Commits 1 Files Changed 2
+51 -56
2 changed files with 51 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/_digifi/layout/components/header/Navbar.tsx
+2 -6
View File
@@ -60,13 +60,9 @@ const Navbar = () => {
data-kt-menu-attach="parent"
data-kt-menu-placement="bottom-end"
>
<img
src={toAbsoluteUrl('media/avatars/300-3.jpg')}
alt=""
style={{ cursor: 'auto' }}
/>
<img src={toAbsoluteUrl('media/avatars/300-3.jpg')} alt="" />
</div>
{/* <HeaderUserMenu /> */}
<HeaderUserMenu />
</div>
{config.app?.header?.default?.menu?.display && (
src/_digifi/partials/layout/header-menus/HeaderUserMenu.tsx
+49 -50
View File
@@ -1,83 +1,82 @@
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
@@ -86,11 +85,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
@@ -103,33 +102,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 };