Expand activity journal color cues

2026-08-25 16:42:05 +03:00
parent f451c65b2f
commit 4a566e082a
5 changed files with 46 additions and 40 deletions
@@ -156,15 +156,13 @@ export function ActivityJournalPanel({ feature, loadPage }: {
          <ol>{group.items.map((item) => {
            const { event } = item;
            const [title, details] = refreshStreakCopy(item) || eventCopy(event);
-            return <li key={event.id} className={event.severity === 'error'
-              ? 'client-journal-event is-error'
-              : event.severity === 'warning'
-                ? 'client-journal-event is-warning'
-                : event.type === 'failover.switched' && event.data.toRole === 'primary'
-                  ? 'client-journal-event is-switch-primary'
-                  : event.type === 'failover.switched' && event.data.toRole === 'reserve'
-                    ? 'client-journal-event is-switch-reserve'
-                    : 'client-journal-event'}>
+            return <li
+              key={event.id}
+              className="client-journal-event"
+              data-event-type={event.type}
+              data-severity={event.severity}
+              data-target-role={event.type === 'failover.switched' ? event.data.toRole : undefined}
+            >
              <div className="client-journal-time"><time dateTime={event.occurredAt}>{new Intl.DateTimeFormat('ru-RU', { hour: '2-digit', minute: '2-digit' }).format(new Date(event.occurredAt))}</time><span>{event.source}</span></div>
              <div><strong>{title}</strong>{details && <span>{details}</span>}{event.severity !== 'info' && <em>{event.severity === 'error' ? 'Ошибка' : 'Внимание'}</em>}</div>
            </li>;