feat: Add beta label to Experimental parent disclosure title
This commit is contained in:
parent
4876f183a1
commit
6ceb19b9dd
2 changed files with 4 additions and 3 deletions
|
|
@ -17,8 +17,9 @@ export default function ParentDisclosureComponent({
|
||||||
className="parent-disclosure-arrangement"
|
className="parent-disclosure-arrangement"
|
||||||
data-testid={testId}
|
data-testid={testId}
|
||||||
>
|
>
|
||||||
<div className="flex gap-4">
|
<div className="flex gap-1 items-baseline align-baseline">
|
||||||
<span className="parent-disclosure-title">{title}</span>
|
<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>
|
||||||
<div className="components-disclosure-div">
|
<div className="components-disclosure-div">
|
||||||
{buttons.map((btn, index) => (
|
{buttons.map((btn, index) => (
|
||||||
|
|
|
||||||
|
|
@ -288,7 +288,7 @@ export default function ExtraSidebar(): JSX.Element {
|
||||||
<div className="side-bar-components-div-arrangement">
|
<div className="side-bar-components-div-arrangement">
|
||||||
<div className="parent-disclosure-arrangement">
|
<div className="parent-disclosure-arrangement">
|
||||||
<div className="flex items-center gap-4 align-middle">
|
<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>
|
||||||
</div>
|
</div>
|
||||||
{Object.keys(dataFilter)
|
{Object.keys(dataFilter)
|
||||||
|
|
@ -367,7 +367,7 @@ export default function ExtraSidebar(): JSX.Element {
|
||||||
defaultOpen={search.length !== 0 || getFilterEdge.length !== 0}
|
defaultOpen={search.length !== 0 || getFilterEdge.length !== 0}
|
||||||
key={`${search.length !== 0}-${getFilterEdge.length !== 0}-Advanced`}
|
key={`${search.length !== 0}-${getFilterEdge.length !== 0}-Advanced`}
|
||||||
button={{
|
button={{
|
||||||
title: "Advanced",
|
title: "Experimental",
|
||||||
Icon: nodeIconsLucide.unknown,
|
Icon: nodeIconsLucide.unknown,
|
||||||
}}
|
}}
|
||||||
testId="extended-disclosure"
|
testId="extended-disclosure"
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue