RI-7431: Pop-over when users hover over the mini-dash.

ArtemHoruzhenko · ArtemHoruzhenko · commit fa85dcc8d5e6 · 2025-09-12T15:40:39.000+03:00
diff --git a/redisinsight/ui/src/components/database-overview/DatabaseOverview.tsx b/redisinsight/ui/src/components/database-overview/DatabaseOverview.tsx
@@ -118,11 +118,11 @@ const DatabaseOverview = () => {
 const getTooltipContent = (metric: IMetric) => {
   if (!metric.children?.length) {
     return (
-      <>
+      <Row>
         <span>{metric.tooltip?.content}</span>
         &nbsp;
         <span>{metric.tooltip?.title}</span>
-      </>
+      </Row>
     )
   }
   return metric.children
diff --git a/redisinsight/ui/src/components/database-overview/components/OverviewMetrics/OverviewMetrics.tsx b/redisinsight/ui/src/components/database-overview/components/OverviewMetrics/OverviewMetrics.tsx
@@ -304,6 +304,7 @@ function getTotalKeysItem(
             >
               db{db || 0}:
             </span>
+            &nbsp;
             <b>{numberWithSpaces(dbKeysCount || 0)}</b>
           </>
         ),

Original file line number	Diff line number	Diff line change
`@@ -118,11 +118,11 @@ const DatabaseOverview = () => {`
`118`	`118`	`const getTooltipContent = (metric: IMetric) => {`
`119`	`119`	`if (!metric.children?.length) {`
`120`	`120`	`return (`
`121`		`- <>`
	`121`	`+ <Row>`
`122`	`122`	`<span>{metric.tooltip?.content}</span>`
`123`	`123`	` `
`124`	`124`	`<span>{metric.tooltip?.title}</span>`
`125`		`- </>`
	`125`	`+ </Row>`
`126`	`126`	`)`
`127`	`127`	`}`
`128`	`128`	`return metric.children`
Original file line number	Diff line number	Diff line change
`@@ -304,6 +304,7 @@ function getTotalKeysItem(`
`304`	`304`	`>`
`305`	`305`	`db{db \|\| 0}:`
`306`	`306`	`</span>`
	`307`	`+  `
`307`	`308`	`<b>{numberWithSpaces(dbKeysCount \|\| 0)}</b>`
`308`	`309`	`</>`
`309`	`310`	`),`