Merge pull request #2745 from glific/keyword-in-floweditor

added keyword in floweditor
glific · Feb 13, 2024 · 7a3457c · 7a3457c
2 parents 2132768 + 926d19e
commit 7a3457c
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/src/components/floweditor/FlowEditor.module.css b/src/components/floweditor/FlowEditor.module.css
@@ -21,11 +21,25 @@
   color: #073f24;
   font-weight: 500;
   font-size: 20px;
+  display: flex;
+  align-items: center;
 }
 
 .FlowNameClosed {
   composes: FlowName;
   left: 90px;
+  display: flex;
+  align-items: center;
+}
+
+.FlowNameContainer {
+  display: flex;
+  flex-direction: column;
+}
+
+.FlowKeyword {
+  font-size: 12px;
+  color: #93a29b !important;
 }
 
 :global(.Flow_empty_flow__roKNh) {

diff --git a/src/components/floweditor/FlowEditor.tsx b/src/components/floweditor/FlowEditor.tsx
@@ -405,7 +405,12 @@ export const FlowEditor = () => {
                 <FlowIcon />
               </IconButton>
 
-              {flowTitle}
+              <div className={styles.FlowNameContainer}>
+                {flowTitle}
+                <span className={styles.FlowKeyword}>
+                  {flowName?.flows[0]?.keywords.join(', ')}
+                </span>
+              </div>
             </>
           )}
         </div>