4nk/docv
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Now the sdashboard handle setProcess, setMyProcesses & setUserPairingId

Browse Source
This commit is contained in:
Sadrinho27 2025-09-30 14:46:33 +02:00
parent 0894a462c5
commit 5aff257c54
1 changed files with 53 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

89
app/dashboard/layout.tsx
View File

@ -27,11 +27,15 @@ import {
import AuthModal from "@/components/4nk/AuthModal"
import MessageBus from "@/lib/4nk/MessageBus"
import UserStore from "@/lib/4nk/UserStore"
import Iframe from "@/components/4nk/Iframe"
// DebugInfo supprimé
export default function DashboardLayout({ children }: { children: React.ReactNode }) {
const [isAuthenticated, setIsAuthenticated] = useState(false)
const [isAuthModalOpen, setIsAuthModalOpen] = useState(false)
const [processes, setProcesses] = useState<any>(null)
const [myProcesses, setMyProcesses] = useState<string[]>([])
const [userPairingId, setUserPairingId] = useState<string | null>(null)
const [isLoading, setIsLoading] = useState(true)
const [isMockMode, setIsMockMode] = useState(false)
const [sidebarOpen, setSidebarOpen] = useState(false)
@ -52,6 +56,39 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
{ name: "Paramètres", href: "/dashboard/settings", icon: Settings },
]
useEffect(() => {
const messageBus = MessageBus.getInstance(iframeUrl);
messageBus.isReady().then(() => {
messageBus.getProcesses().then((processes: any) => {
setProcesses(processes);
});
});
}, [iframeUrl]);
useEffect(() => {
if (processes !== null) {
const messageBus = MessageBus.getInstance(iframeUrl);
messageBus.isReady().then(() => {
messageBus.getMyProcesses().then((res: string[]) => {
setMyProcesses(res);
})
});
}
}, [processes]);
useEffect(() => {
if (userPairingId === null) {
const messageBus = MessageBus.getInstance(iframeUrl);
messageBus.isReady().then(() => {
messageBus.getUserPairingId().then((userPairingId: string) => {
UserStore.getInstance().pair(userPairingId);
setUserPairingId(UserStore.getInstance().getUserPairingId());
console.log("User paired!");
})
});
}
}, [userPairingId, processes]);
useEffect(() => {
const checkAuthentication = async () => {
try {
@ -60,37 +97,19 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
const messageBus = MessageBus.getInstance(iframeUrl)
if (accessToken) {
// Vérifier si on est en mode mock
// const mockMode = messageBus.isInMockMode()
// setIsMockMode(mockMode)
if (true) {
console.log("🎭 Dashboard en mode mock")
// Vérifier la validité du token en mode production
// const isValid = await messageBus.validateToken()
// if (isValid) {
setIsAuthenticated(true)
const pairingId = userStore.getUserPairingId()
setUserInfo({
id: "mock_user_001",
name: "Utilisateur Démo",
email: "demo@docv.fr",
role: "Administrateur",
company: "Entreprise Démo (ID: 1234)",
id: pairingId?.slice(0, 8) + "...",
name: "Utilisateur 4NK",
email: "user@4nk.io",
role: "Utilisateur",
company: "Organisation 4NK",
})
} else {
// Vérifier la validité du token en mode production
const isValid = await messageBus.validateToken()
if (isValid) {
setIsAuthenticated(true)
const pairingId = userStore.getUserPairingId()
setUserInfo({
id: pairingId?.slice(0, 8) + "...",
name: "Utilisateur 4NK",
email: "user@4nk.io",
role: "Utilisateur",
company: "Organisation 4NK",
})
} else {
setIsAuthModalOpen(true)
}
}
// }
} else {
setIsAuthModalOpen(true)
}
@ -114,10 +133,7 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
const handleLogout = () => {
const userStore = UserStore.getInstance()
const messageBus = MessageBus.getInstance(iframeUrl)
userStore.disconnect()
// messageBus.disableMockMode()
// Afficher un message de confirmation avec options
setShowLogoutConfirm(true)
@ -210,9 +226,8 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
<Link
key={item.name}
href={item.href}
className={`flex items-center px-3 py-2 text-sm font-medium rounded-lg transition-colors ${
isActive ? "bg-blue-100 text-blue-700" : "text-gray-600 hover:bg-gray-100 hover:text-gray-900"
}`}
className={`flex items-center px-3 py-2 text-sm font-medium rounded-lg transition-colors ${isActive ? "bg-blue-100 text-blue-700" : "text-gray-600 hover:bg-gray-100 hover:text-gray-900"
}`}
onClick={() => setSidebarOpen(false)}
>
<item.icon className="h-5 w-5 mr-3" />
@ -304,10 +319,10 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
<p className="text-gray-600 mb-6">Vous avez été déconnecté de votre espace sécurisé DocV.</p>
<div className="space-y-3">
<Button onClick={() => confirmLogout(false)} className="w-full">
{/* <Button onClick={() => confirmLogout(false)} className="w-full">
<LogOut className="h-4 w-4 mr-2" />
Aller à la page de connexion
</Button>
</Button> */}
<Button onClick={() => confirmLogout(true)} variant="outline" className="w-full">
<Home className="h-4 w-4 mr-2" />
@ -321,6 +336,8 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
</div>
)}
{<Iframe iframeUrl={iframeUrl} />}
{/* Debug info retiré */}
</div>
)