fix(dashboard): ensure Lucide icons are initialized after all dynamic content renders

- Add lucide.createIcons() calls in renderSessions, renderProjectOverview, renderMcpManager, renderHookManager, renderLiteTasks, showSessionDetailPage
- Fixes issue where icons would not appear after page render
This commit is contained in:
catlog22
2025-12-08 23:23:40 +08:00
parent a7b8ffc716
commit 5aa8d37cd0
4 changed files with 12 additions and 0 deletions

View File

@@ -83,6 +83,9 @@ function renderSessions() {
}
container.innerHTML = `<div class="sessions-grid">${sessions.map(session => renderSessionCard(session)).join('')}</div>`;
// Initialize Lucide icons after rendering
if (typeof lucide !== 'undefined') lucide.createIcons();
}
function renderSessionCard(session) {

View File

@@ -133,6 +133,9 @@ async function renderHookManager() {
// Attach event listeners
attachHookEventListeners();
// Initialize Lucide icons
if (typeof lucide !== 'undefined') lucide.createIcons();
}
function countHooks(hooks) {

View File

@@ -24,6 +24,9 @@ function renderLiteTasks() {
}
container.innerHTML = `<div class="sessions-grid">${sessions.map(session => renderLiteTaskCard(session)).join('')}</div>`;
// Initialize Lucide icons
if (typeof lucide !== 'undefined') lucide.createIcons();
// Initialize collapsible sections
document.querySelectorAll('.collapsible-header').forEach(header => {

View File

@@ -197,6 +197,9 @@ async function renderMcpManager() {
// Attach event listeners for toggle switches
attachMcpEventListeners();
// Initialize Lucide icons
if (typeof lucide !== 'undefined') lucide.createIcons();
}
function renderMcpServerCard(serverName, serverConfig, isEnabled, isInCurrentProject) {