Fix [Monitor workflows] Add a subtitle to monitoring workflow to indi…

…cate the list includes only run workflow (#2097)
mlrun · Nov 26, 2023 · 44463c3 · 44463c3
1 parent fc7e870
commit 44463c3
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 8 deletions.
diff --git a/src/components/Jobs/MonitorWorkflows/MonitorWorkflows.js b/src/components/Jobs/MonitorWorkflows/MonitorWorkflows.js
@@ -64,6 +64,8 @@ import { usePods } from '../../../hooks/usePods.hook'
 import { useSortTable } from '../../../hooks/useSortTable.hook'
 import { useYaml } from '../../../hooks/yaml.hook'
 
+import './MonitorWorkflows.scss'
+
 const MonitorWorkflows = ({
   abortJob,
   fetchFunctionLogs,
@@ -526,14 +528,19 @@ const MonitorWorkflows = ({
   return (
     <>
       {!params.workflowId && (
-        <div className="content__action-bar-wrapper">
-          <div className="action-bar">
-            <FilterMenu
-              filters={filters}
-              onChange={getWorkflows}
-              page={JOBS_PAGE}
-              withoutExpandButton
-            />
+        <div className="monitor-workflows">
+          <p className="monitor-workflows__subtitle">
+            View running workflows and previously executed workflows
+          </p>
+          <div className="content__action-bar-wrapper">
+            <div className="action-bar">
+              <FilterMenu
+                filters={filters}
+                onChange={getWorkflows}
+                page={JOBS_PAGE}
+                withoutExpandButton
+              />
+            </div>
           </div>
         </div>
       )}

diff --git a/src/components/Jobs/MonitorWorkflows/MonitorWorkflows.scss b/src/components/Jobs/MonitorWorkflows/MonitorWorkflows.scss
@@ -0,0 +1,5 @@
+.monitor-workflows {
+  &__subtitle {
+    margin: 10px 0 0;
+  }
+}