From 6ceb19b9dd8c9e34b024a32d2f9ec8aea312e848 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Sun, 23 Jun 2024 20:01:10 -0300
Subject: [PATCH] feat: Add beta label to Experimental parent disclosure title

---
 .../FlowPage/components/ParentDisclosureComponent/index.tsx   | 3 ++-
 .../pages/FlowPage/components/extraSidebarComponent/index.tsx | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/pages/FlowPage/components/ParentDisclosureComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/ParentDisclosureComponent/index.tsx
index c7293912b..5954e30b9 100644
--- a/src/frontend/src/pages/FlowPage/components/ParentDisclosureComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/ParentDisclosureComponent/index.tsx
@@ -17,8 +17,9 @@ export default function ParentDisclosureComponent({
               className="parent-disclosure-arrangement"
               data-testid={testId}
             >
-              <div className="flex gap-4">
+              <div className="flex gap-1 items-baseline align-baseline">
                 <span className="parent-disclosure-title">{title}</span>
+                {title==="Experimental"&& <div className="rounded-full bg-beta-background px-2 py-1 text-xs/3 font-semibold text-beta-foreground h-fit">BETA</div>}
               </div>
               <div className="components-disclosure-div">
                 {buttons.map((btn, index) => (
diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index c51a5a282..35166b160 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -288,7 +288,7 @@ export default function ExtraSidebar(): JSX.Element {
       <div className="side-bar-components-div-arrangement">
         <div className="parent-disclosure-arrangement">
           <div className="flex items-center gap-4 align-middle">
-            <span className="parent-disclosure-title">Basic Components</span>
+            <span className="parent-disclosure-title">Components</span>
           </div>
         </div>
         {Object.keys(dataFilter)
@@ -367,7 +367,7 @@ export default function ExtraSidebar(): JSX.Element {
           defaultOpen={search.length !== 0 || getFilterEdge.length !== 0}
           key={`${search.length !== 0}-${getFilterEdge.length !== 0}-Advanced`}
           button={{
-            title: "Advanced",
+            title: "Experimental",
             Icon: nodeIconsLucide.unknown,
           }}
           testId="extended-disclosure"