#RI-2849-commands per second update (#774)

* #RI-2849-commands per second update

Author: AmirAllayarovSofteq

redisinsight/ui/src/components/database-overview/components/OverviewMetrics/OverviewMetrics.tsx

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react'
 import { EuiLoadingSpinner } from '@elastic/eui'
-import { isArray } from 'lodash'
+import { isArray, isUndefined } from 'lodash'
 
 import { formatBytes, Nullable, truncateNumberToRange, truncatePercentage } from 'uiSrc/utils'
 import { Theme } from 'uiSrc/constants'
@@ -164,7 +164,7 @@ export const getOverviewMetrics = ({ theme, items }: Props): Array<IMetric> => {
     },
   }
 
-  if (opsPerSecond !== undefined && (networkInKbps !== undefined || networkOutKbps !== undefined)) {
+  if (!isUndefined(opsPerSecond)) {
     opsPerSecItem.children = [
       {
         id: 'commands-per-sec-tip',

redisinsight/ui/src/components/database-overview/styles.module.scss

@@ -73,6 +73,10 @@
 
 .commandsPerSecTip {
   margin-bottom: 8px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
   .moreInfoOverviewIcon {
     margin-right: 8px;
     width: auto !important;

redisinsight/ui/src/styles/components/_buttons.scss

@@ -18,8 +18,8 @@
         color: var(--euiColorPrimaryText) !important;
       }
     }
-    &:focus,
-    &:focus-within {
+    &:focus:not(:hover),
+    &:focus-within:not(:hover) {
       border: 2px solid var(--euiColorPrimary);
     }
     .euiTextColor--default {
@@ -36,8 +36,8 @@
     &:hover {
       color: var(--euiColorPrimaryText) !important;
     }
-    &:focus,
-    &:focus-within {
+    &:focus:not(:hover),
+    &:focus-within:not(:hover) {
       border: 2px solid var(--euiColorPrimary);
     }
   }
@@ -52,8 +52,8 @@
         background-color: var(--buttonSecondaryHoverColor);
         border-color: var(--buttonSecondaryHoverColor);
       }
-      &:focus,
-      &:focus-within {
+      &:focus:not(:hover),
+      &:focus-within:not(:hover) {
         border: 2px solid var(--euiColorPrimary);
       }   
     }