diff --git a/packages/kbn-shared-ux-components/src/page_template/solution_nav/__snapshots__/solution_nav_collapse_button.test.tsx.snap b/packages/kbn-shared-ux-components/src/page_template/solution_nav/__snapshots__/solution_nav_collapse_button.test.tsx.snap
index 93c3471c16921..281172676d357 100644
--- a/packages/kbn-shared-ux-components/src/page_template/solution_nav/__snapshots__/solution_nav_collapse_button.test.tsx.snap
+++ b/packages/kbn-shared-ux-components/src/page_template/solution_nav/__snapshots__/solution_nav_collapse_button.test.tsx.snap
@@ -11,6 +11,17 @@ exports[`KibanaPageTemplateSolutionNavCollapseButton collapsed 1`] = `
/>
`;
+exports[`KibanaPageTemplateSolutionNavCollapseButton isCollapsed 1`] = `
+
+`;
+
exports[`KibanaPageTemplateSolutionNavCollapseButton renders 1`] = `
)}
>
@@ -159,7 +159,7 @@ export const KibanaPageTemplateSolutionNav = ({
<>
{sideNav()}
>
diff --git a/packages/kbn-shared-ux-components/src/page_template/solution_nav/solution_nav_collapse_button.test.tsx b/packages/kbn-shared-ux-components/src/page_template/solution_nav/solution_nav_collapse_button.test.tsx
index c8a0fcbd5ae5c..e7df2ddd54582 100644
--- a/packages/kbn-shared-ux-components/src/page_template/solution_nav/solution_nav_collapse_button.test.tsx
+++ b/packages/kbn-shared-ux-components/src/page_template/solution_nav/solution_nav_collapse_button.test.tsx
@@ -12,15 +12,15 @@ import { KibanaPageTemplateSolutionNavCollapseButton } from './solution_nav_coll
describe('KibanaPageTemplateSolutionNavCollapseButton', () => {
test('renders', () => {
- const component = shallow();
+ const component = shallow();
expect(component).toMatchSnapshot();
expect(component.find('.kbnPageTemplateSolutionNavCollapseButton').prop('title')).toBe(
'Collapse side navigation'
);
});
- test('collapsed', () => {
- const component = shallow();
+ test('isCollapsed', () => {
+ const component = shallow();
expect(component).toMatchSnapshot();
expect(component.find('.kbnPageTemplateSolutionNavCollapseButton').prop('title')).toBe(
'Open side navigation'
diff --git a/packages/kbn-shared-ux-components/src/page_template/solution_nav/solution_nav_collapse_button.tsx b/packages/kbn-shared-ux-components/src/page_template/solution_nav/solution_nav_collapse_button.tsx
index 1282a0a2aeb9d..35890b935ad3e 100644
--- a/packages/kbn-shared-ux-components/src/page_template/solution_nav/solution_nav_collapse_button.tsx
+++ b/packages/kbn-shared-ux-components/src/page_template/solution_nav/solution_nav_collapse_button.tsx
@@ -18,7 +18,7 @@ export type KibanaPageTemplateSolutionNavCollapseButtonProps =
/**
* Boolean state of current collapsed status
*/
- collapsed: boolean;
+ isCollapsed: boolean;
};
const collapseLabel = i18n.translate('sharedUXComponents.solutionNav.collapsibleLabel', {
@@ -34,13 +34,13 @@ const openLabel = i18n.translate('sharedUXComponents.solutionNav.openLabel', {
*/
export const KibanaPageTemplateSolutionNavCollapseButton = ({
className,
- collapsed,
+ isCollapsed,
...rest
}: KibanaPageTemplateSolutionNavCollapseButtonProps) => {
const classes = classNames(
'kbnPageTemplateSolutionNavCollapseButton',
{
- 'kbnPageTemplateSolutionNavCollapseButton-isCollapsed': collapsed,
+ 'kbnPageTemplateSolutionNavCollapseButton-isCollapsed': isCollapsed,
},
className
);
@@ -50,9 +50,9 @@ export const KibanaPageTemplateSolutionNavCollapseButton = ({
className={classes}
size="s"
color="text"
- iconType={collapsed ? 'menuRight' : 'menuLeft'}
- aria-label={collapsed ? openLabel : collapseLabel}
- title={collapsed ? openLabel : collapseLabel}
+ iconType={isCollapsed ? 'menuRight' : 'menuLeft'}
+ aria-label={isCollapsed ? openLabel : collapseLabel}
+ title={isCollapsed ? openLabel : collapseLabel}
{...rest}
/>
);