UNPKG

@craftercms/studio-ui

Version:

Services, components, models & utils to build CrafterCMS authoring extensions.

55 lines (53 loc) 2.21 kB
/* * Copyright (C) 2007-2022 Crafter Software Corporation. All Rights Reserved. * * This program is free software: you can redistribute it and/or modify * it under the terms of the GNU Lesser General Public License version 3 as published by * the Free Software Foundation. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU Lesser General Public License for more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program. If not, see <http://www.gnu.org/licenses/>. */ /* * Copyright (C) 2007-2022 Crafter Software Corporation. All Rights Reserved. * * This program is free software: you can redistribute it and/or modify * it under the terms of the GNU General Public License version 3 as published by * the Free Software Foundation. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with this program. If not, see <http://www.gnu.org/licenses/>. */ import React from 'react'; import ToolsPanelListItemButton from '../ToolsPanelListItemButton'; import { useDispatch } from 'react-redux'; import { pushIcePanelPage, pushToolsPanelPage } from '../../state/actions/preview'; import { createWidgetDescriptor } from '../../utils/state'; export function ToolsPanelPageButton(props) { const { target = 'toolsPanel' } = props; const dispatch = useDispatch(); const pushPage = target === 'toolsPanel' ? pushToolsPanelPage : pushIcePanelPage; const turnPage = () => { dispatch( pushPage( createWidgetDescriptor({ id: 'craftercms.components.ToolsPanelPage', permittedRoles: [], configuration: props }) ) ); }; return React.createElement(ToolsPanelListItemButton, { ...props, onClick: turnPage }); } export default ToolsPanelPageButton;