Added last refresh tooltip

Author: OlivierCazade

web/locales/en/plugin__network-observability-plugin.json

@@ -167,7 +167,7 @@
   "{{count}} packets": "{{count}} packets",
   "{{count}} packets_plural": "{{count}} packets",
   "Filtered average speed": "Filtered average speed",
-  "last refresh: {{time}}": "last refresh: {{time}}",
+  "Last refresh: {{time}}": "Last refresh: {{time}}",
   "{{count}} IP(s)": "{{count}} IP(s)",
   "{{count}} IP(s)_plural": "{{count}} IP(s)",
   "{{count}} Port(s)": "{{count}} Port(s)",

web/src/components/query-summary/__tests__/query-summary.spec.tsx

@@ -29,7 +29,7 @@ describe('<QuerySummary />', () => {
     expect(wrapper.find('#bytesCount').last().text()).toBe('161 kB');
     expect(wrapper.find('#packetsCount').last().text()).toBe('1100 packets');
     expect(wrapper.find('#bpsCount').last().text()).toBe('538 Bps');
-    expect(wrapper.find('#lastRefresh').last().text()).toBe('last refresh: ' + now.toLocaleTimeString());
+    expect(wrapper.find('#lastRefresh').last().text()).toBe(now.toLocaleTimeString());
   });
 
   it('should toggle panel', async () => {

web/src/components/query-summary/query-summary.tsx

@@ -71,11 +71,19 @@ export const QuerySummaryContent: React.FC<{
         </Tooltip>
       </FlexItem>
       <FlexItem>
-        <Text id="lastRefresh" component={TextVariants.p}>
-          {t('last refresh: {{time}}', {
-            time: lastRefresh ? lastRefresh.toLocaleTimeString() : ''
-          })}
-        </Text>
+        <Tooltip
+          content={
+            <Text component={TextVariants.p}>
+              {t('Last refresh: {{time}}', {
+                time: lastRefresh ? lastRefresh.toLocaleString() : ''
+              })}
+            </Text>
+          }
+        >
+          <Text id="lastRefresh" component={TextVariants.p}>
+            {lastRefresh ? lastRefresh.toLocaleTimeString() : ''}
+          </Text>
+        </Tooltip>
       </FlexItem>
     </Flex>
   );