At #538 Card View Bug fix

snetsystems · Oct 21, 2024 · afa280d · afa280d
1 parent 64cba83
commit afa280d
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 7 deletions.
diff --git a/frontend/src/device_management/components/PredictionTooltip.tsx b/frontend/src/device_management/components/PredictionTooltip.tsx
@@ -18,15 +18,17 @@ import {PREDICTION_TOOLTIP_HEADER} from 'src/device_management/constants/predict
 
 interface Props extends PredictionTooltipNode {
   status?: string
-  isBlink?: boolean
+  isCritical?: boolean
+  isWarning?: boolean
   isSelected?: boolean
 }
 function PredictionTooltip({
   cpu,
   memory,
   name,
   traffic,
-  isBlink,
+  isCritical,
+  isWarning,
   isSelected = true,
 }: Props) {
   const {
@@ -39,7 +41,15 @@ function PredictionTooltip({
       style={{minWidth: TOOLTIP_WIDTH}}
       className={`prediction-tooltip-content ${isSelected ? '' : 'grey'}`}
     >
-      <div className={isBlink ? `prediction-tooltip--blink` : ''}>
+      <div
+        className={
+          isCritical
+            ? `prediction-tooltip--blink`
+            : isWarning
+            ? 'blink-opacity-animation-warning'
+            : ''
+        }
+      >
         <Table>
           <TableBody>
             <>

diff --git a/frontend/src/device_management/components/PredictionTooltipView.tsx b/frontend/src/device_management/components/PredictionTooltipView.tsx
@@ -5,7 +5,7 @@ import FancyScrollbar from 'src/shared/components/FancyScrollbar'
 import PredictionTooltip from 'src/device_management/components/PredictionTooltip'
 
 // Type
-import {HexagonInputData} from 'src/types'
+import {AlertHostList, HexagonInputData} from 'src/types'
 
 // Utils
 import {statusCal} from 'src/device_management/utils'
@@ -18,7 +18,7 @@ interface Props {
   onHexbinClick: (host: string, filteredHexbinHost?: string) => void
   //redux
   filteredHexbinHost?: string
-  alertHostList?: string[]
+  alertHostList?: AlertHostList
 }
 function PredictionTooltipView({
   inputData,
@@ -45,7 +45,8 @@ function PredictionTooltipView({
                   traffic={tooltip.traffic}
                   name={tooltip.name}
                   status={statusCal((tooltip.cpu + tooltip.memory) / 2)}
-                  isBlink={alertHostList.includes(tooltip.name)}
+                  isCritical={alertHostList.critical.includes(tooltip.name)}
+                  isWarning={alertHostList.warning.includes(tooltip.name)}
                   isSelected={filteredHexbinHost === tooltip.name}
                 />
               </div>

diff --git a/frontend/src/device_management/containers/AiRoutePage.tsx b/frontend/src/device_management/containers/AiRoutePage.tsx
@@ -173,7 +173,6 @@ const AiRoutePage = (props: Props) => {
     group?: string
   }) => {
     const {milliseconds, group} = option
-    console.log(milliseconds)
     group
       ? onChooseCloudAutoRefresh({[group]: milliseconds})
       : onChooseAutoRefresh(milliseconds)