From bb71fe0b9c2fdf96f7b0f6fe8500524d3b72d57d Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Tue, 19 Oct 2021 11:10:44 +0100
Subject: [PATCH] [v8.2.x] Graph: Fix annotation description not being shown on
 hover (#40608)

Co-authored-by: Maria Alexandra <239999+axelavargas@users.noreply.github.com>
---
 public/app/features/annotations/annotation_tooltip.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/app/features/annotations/annotation_tooltip.ts b/public/app/features/annotations/annotation_tooltip.ts
index 3ec2763d8dd..0d734a34a40 100644
--- a/public/app/features/annotations/annotation_tooltip.ts
+++ b/public/app/features/annotations/annotation_tooltip.ts
@@ -36,7 +36,7 @@ export function annotationTooltipDirective(
       let tooltip = '<div class="graph-annotation">';
       let titleStateClass = '';
 
-      if (event.alertId !== undefined) {
+      if (event.alertId !== undefined && event.newState) {
         const stateModel = alertDef.getStateDisplayModel(event.newState);
         titleStateClass = stateModel.stateClass;
         title = `<i class="${stateModel.iconClass}"></i> ${stateModel.text}`;
@@ -50,7 +50,7 @@ export function annotationTooltipDirective(
       }
 
       let header = `<div class="graph-annotation__header">`;
-      if (event.login) {
+      if (event.login && event.avatarUrl) {
         header += `<div class="graph-annotation__user" bs-tooltip="'Created by ${event.login}'"><img src="${event.avatarUrl}" /></div>`;
       }
       header += `