META-INF.resources.page_editor.app.components.HideSidebarButton.js Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of com.liferay.layout.content.page.editor.web

Liferay Layout Content Page Editor Web

The newest version!

/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

import {ClayButtonWithIcon} from '@clayui/button';
import {useId} from 'frontend-js-components-web';
import React, {useMemo} from 'react';

import {useSelector} from '../contexts/StoreContext';
import useOnToggleSidebars from './useOnToggleSidebars';

export default function HideSidebarButton() {
	const id = useId();
	const sidebarHidden = useSelector((state) => state.sidebar.hidden);
	const onToggleSidebars = useOnToggleSidebars();

	const buttonTitle = useMemo(() => {
		const keyLabel = Liferay.Browser?.isMac() ? '⌘' : 'Ctrl';

		return getOpenMenuTooltipMarkup(keyLabel);
	}, []);

	return (
		<>
			

			
		
	);
}

const getOpenMenuTooltipMarkup = (keyLabel) =>
	`
		
			${Liferay.Language.get('toggle-sidebars')}
		

		
			${keyLabel}

			+

			⇧

			+

			.
		`
		.replaceAll('\n', '')
		.replaceAll('\t', '');