Implemented mailbox in ConsoleUI

This commit is contained in:
2026-10-22 18:01:22 +02:00
parent 6ff016e7ec
commit cb89817d88
20 changed files with 3208 additions and 19 deletions
@@ -1,6 +1,8 @@
import React, { useState } from 'react';
import { NavLink, Outlet, useNavigate, Link } from 'react-router-dom';
import { NotificationBell } from './NotificationBell';
import {
Inbox,
LayoutDashboard,
Building2,
FolderKanban,
@@ -121,6 +123,12 @@ const navItems: NavItem[] = [
help: 'Multi-tenant partition directory, organizational onboarding, status lifecycle controls, and system-wide isolation boundaries.',
claim: 'tenant_management',
},
{
name: 'Mailbox & Inbox',
path: '/inbox',
icon: Inbox,
help: 'In-app notifications, communications, deliverable messages, drafts, and replies across active tenant users.',
},
{
name: 'Settings & Communications',
path: '/settings',
@@ -525,6 +533,8 @@ export const AppLayout: React.FC = () => {
{/* User Profile and Controls */}
<div className="relative flex items-center gap-3">
{/* Notification Bell in close proximity to username */}
<NotificationBell />
<div className="text-right hidden sm:block">
<div className="flex items-center justify-end gap-1.5">
<p className="text-xs font-semibold text-white truncate max-w-[150px]" title={tokenUserName}>
@@ -562,6 +572,14 @@ export const AppLayout: React.FC = () => {
<p className="text-[10px] text-slate-400 mt-1">Role: <strong className="text-blue-300">{userRole}</strong></p>
</div>
<Link
to="/inbox"
onClick={() => setUserMenuOpen(false)}
className="flex items-center gap-2 px-3 py-2 text-xs text-slate-300 hover:text-white hover:bg-slate-800/60 rounded-xl transition"
>
<Inbox className="w-3.5 h-3.5 text-blue-400" />
<span>In-App Mailbox</span>
</Link>
<Link
to="/"
onClick={() => setUserMenuOpen(false)}