Show group interval in Rules display (prometheus#12943)

* Show group interval in Rules display Signed-off-by: Danny Kopping <[email protected]> * Humanise interval Signed-off-by: Danny Kopping <[email protected]> --------- Signed-off-by: Danny Kopping <[email protected]>
hetznercloud · Oct 8, 2023 · d3554d8 · d3554d8
1 parent a5a4eab
commit d3554d8
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/web/ui/react-app/src/pages/rules/RulesContent.tsx b/web/ui/react-app/src/pages/rules/RulesContent.tsx
@@ -13,6 +13,7 @@ interface RulesContentProps {
 interface RuleGroup {
   name: string;
   file: string;
+  interval: string;
   rules: Rule[];
   evaluationTime: string;
   lastEvaluation: string;
@@ -58,13 +59,16 @@ export const RulesContent: FC<RulesContentProps> = ({ response }) => {
             <Table bordered key={i}>
               <thead>
                 <tr>
-                  <td colSpan={3}>
+                  <td>
                     <a href={'#' + g.name}>
                       <h4 id={g.name} className="text-break">
                         {g.name}
                       </h4>
                     </a>
                   </td>
+                  <td colSpan={2}>
+                    <h4>Interval: {humanizeDuration(parseFloat(g.interval) * 1000)}</h4>
+                  </td>
                   <td>
                     <h4>{formatRelative(g.lastEvaluation, now())}</h4>
                   </td>