From d99121d6fabfe0a79517a9e6549d4a6838e3ae34 Mon Sep 17 00:00:00 2001
From: Lukas Siatka <lukasz.siatka@grafana.com>
Date: Mon, 20 Jan 2020 13:33:38 +0100
Subject: [PATCH] Explore: updates Logs component to use MetaInfoText component

---
 public/app/features/explore/Logs.tsx | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/public/app/features/explore/Logs.tsx b/public/app/features/explore/Logs.tsx
index ba05a554850..f4e5f146532 100644
--- a/public/app/features/explore/Logs.tsx
+++ b/public/app/features/explore/Logs.tsx
@@ -19,6 +19,7 @@ import { Switch, LogLabels, ToggleButtonGroup, ToggleButton, LogRows } from '@gr
 import store from 'app/core/store';
 
 import { ExploreGraphPanel } from './ExploreGraphPanel';
+import { MetaInfoText } from './MetaInfoText';
 
 const SETTINGS_KEYS = {
   showLabels: 'grafana.explore.logs.showLabels',
@@ -219,14 +220,14 @@ export class Logs extends PureComponent<Props, State> {
         </div>
 
         {hasData && meta && (
-          <div className="logs-panel-meta">
-            {meta.map(item => (
-              <div className="logs-panel-meta__item" key={item.label}>
-                <span className="logs-panel-meta__label">{item.label}:</span>
-                <span className="logs-panel-meta__value">{renderMetaItem(item.value, item.kind)}</span>
-              </div>
-            ))}
-          </div>
+          <MetaInfoText
+            metaItems={meta.map(item => {
+              return {
+                label: item.label,
+                value: renderMetaItem(item.value, item.kind),
+              };
+            })}
+          />
         )}
 
         <LogRows