From c473b8615378b692fd0ac602989a623b898ecfb7 Mon Sep 17 00:00:00 2001
From: Ilank <63646693+ilan7empest@users.noreply.github.com>
Date: Sun, 26 Nov 2023 21:24:43 +0700
Subject: [PATCH] Fix [Monitor workflows] Add a subtitle to monitoring workflow
 to indicate the list includes only run workflow (#2097)

---
 .../Jobs/MonitorWorkflows/MonitorWorkflows.js | 23 ++++++++++++-------
 .../MonitorWorkflows/MonitorWorkflows.scss    |  5 ++++
 2 files changed, 20 insertions(+), 8 deletions(-)
 create mode 100644 src/components/Jobs/MonitorWorkflows/MonitorWorkflows.scss

diff --git a/src/components/Jobs/MonitorWorkflows/MonitorWorkflows.js b/src/components/Jobs/MonitorWorkflows/MonitorWorkflows.js
index 2be60bf441..af63cbe798 100644
--- 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
new file mode 100644
index 0000000000..a37550cbae
--- /dev/null
+++ b/src/components/Jobs/MonitorWorkflows/MonitorWorkflows.scss
@@ -0,0 +1,5 @@
+.monitor-workflows {
+  &__subtitle {
+    margin: 10px 0 0;
+  }
+}