From 1e51d33d859627a532d8107ddeff7abadf8c1e4f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.org>
Date: Thu, 29 Oct 2020 13:53:08 +0100
Subject: [PATCH] Table: Fix image cell mode so that it works with value
 mappings (#28644)

---
 packages/grafana-ui/src/components/Table/ImageCell.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/grafana-ui/src/components/Table/ImageCell.tsx b/packages/grafana-ui/src/components/Table/ImageCell.tsx
index 6ddfb318d02..ea137715b11 100644
--- a/packages/grafana-ui/src/components/Table/ImageCell.tsx
+++ b/packages/grafana-ui/src/components/Table/ImageCell.tsx
@@ -2,11 +2,13 @@ import React, { FC } from 'react';
 import { TableCellProps } from './types';
 
 export const ImageCell: FC<TableCellProps> = props => {
-  const { cell, tableStyles, cellProps } = props;
+  const { field, cell, tableStyles, cellProps } = props;
+
+  const displayValue = field.display!(cell.value);
 
   return (
     <div {...cellProps} className={tableStyles.cellContainer}>
-      <img src={cell.value} className={tableStyles.imageCell} />
+      <img src={displayValue.text} className={tableStyles.imageCell} />
     </div>
   );
 };