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} /> );