feat: support menu / dropdown items to have selected state (#7078)

This commit is contained in:
David Luzar
2023-10-03 23:35:47 +02:00
committed by GitHub
parent bfd318e765
commit 12420592ef
8 changed files with 35 additions and 5 deletions

View File

@@ -318,6 +318,7 @@ export const ShapesSwitcher = ({
activeEmbeddable: null,
});
}}
selected={activeTool.type === "frame"}
/>
<ToolButton
className={clsx("Shape", { fillable: false })}
@@ -348,6 +349,7 @@ export const ShapesSwitcher = ({
activeEmbeddable: null,
});
}}
selected={activeTool.type === "embeddable"}
/>
</>
) : (
@@ -378,6 +380,7 @@ export const ShapesSwitcher = ({
icon={frameToolIcon}
shortcut={KEYS.F.toLocaleUpperCase()}
data-testid="toolbar-frame"
selected={activeTool.type === "frame"}
>
{t("toolBar.frame")}
</DropdownMenu.Item>
@@ -394,6 +397,7 @@ export const ShapesSwitcher = ({
}}
icon={EmbedIcon}
data-testid="toolbar-embeddable"
selected={activeTool.type === "embeddable"}
>
{t("toolBar.embeddable")}
</DropdownMenu.Item>