Fix [Alerts history] Trigger criteria time period is "Null", expected…

… N/A (#2979)
mlrun · Dec 28, 2024 · 6353a76 · 6353a76
1 parent 0c27b82
commit 6353a76
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 14 deletions.
diff --git a/src/common/Pagination/pagination.scss b/src/common/Pagination/pagination.scss
@@ -6,9 +6,11 @@
   justify-content: space-between;
   align-items: center;
   padding: 10px 4px 4px;
+  z-index: 1;
 
-  .pagination-items-count, .pagination-items-selector {
-    width: 140px
+  .pagination-items-count,
+  .pagination-items-selector {
+    width: 140px;
   }
 
   .pagination-items-selector {

diff --git a/src/components/DetailsInfo/detailsInfo.util.js b/src/components/DetailsInfo/detailsInfo.util.js
@@ -48,12 +48,12 @@ export const generateTriggerInfoContent = criteria => {
       {
         label: 'Trigger criteria count',
         id: 'triggerCriteriaCount',
-        value: criteria?.count
+        value: criteria?.count || 'N/A'
       },
       {
         label: 'Trigger criteria time period',
         id: 'triggerCriteriaTimePeriod',
-        value: criteria?.period
+        value: criteria?.period || 'N/A'
       }
     ]
   }
@@ -248,7 +248,7 @@ export const generateAlertsDetailsInfo = selectedItem => {
     AlertsDetailsInfo.triggerCriteriaDetailsInfo = triggerCriteriaContent.map(trigger => {
       return (
         <li className="details-item" key={trigger.id}>
-          <div className="alert-row__details-alert-header">{trigger.label}:</div>
+          <div className="details-item__header">{trigger.label}:</div>
           <DetailsInfoItem info={trigger.value} />
         </li>
       )

diff --git a/src/elements/AlertsTableRow/AlertsTableRow.scss b/src/elements/AlertsTableRow/AlertsTableRow.scss
@@ -60,15 +60,6 @@
     }
   }
 
-  &__details-alert-header {
-    display: flex;
-    align-self: center;
-    min-width: 160px;
-    font-weight: 500;
-    font-size: 15px;
-    line-height: 18px;
-  }
-
   &__details-alert-logs {
     display: flex;
     align-items: center;