diff --git a/assets/css/styles.css b/assets/css/styles.css index b148420..5fbc4fb 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -1173,6 +1173,22 @@ body { box-shadow: 0 6px 18px rgba(220, 53, 69, 0.12); } +.conversation-attention { + display: inline-flex; + align-items: center; + justify-content: center; + width: 28px; + height: 28px; + border-radius: 50%; + background: #dc3545; + color: white; + font-size: 0.85rem; +} + +.conversation-attention i { + font-size: 0.9rem; +} + /* Notification bell indicator when there are unseen notifications */ #notification-bell.has-notifications { position: relative; diff --git a/assets/js/app.js b/assets/js/app.js index c05a904..6194c83 100644 --- a/assets/js/app.js +++ b/assets/js/app.js @@ -341,9 +341,12 @@ class WhatsAppBotManager { createConversationRow(conv) { const tr = document.createElement('tr'); + const attentionClass = conv.advisor_requested ? 'table-attention' : ''; + tr.className = attentionClass; + const attentionBadge = conv.advisor_requested ? `¡Atención!` : ''; tr.innerHTML = `