feat: Add beta label to Experimental parent disclosure title

This commit is contained in:
anovazzi1 2024-06-23 20:01:10 -03:00 committed by Gabriel Luiz Freitas Almeida
commit 6ceb19b9dd
2 changed files with 4 additions and 3 deletions

View file

@ -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) => (

View file

@ -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"