UNPKG

@craftercms/studio-ui

Version:

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

69 lines (67 loc) 2.59 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, { useState } from 'react'; import PullDialogContainer from './PullDialogContainer'; import { EnhancedDialog } from '../../EnhancedDialog'; import { FormattedMessage } from 'react-intl'; export function PullDialog(props) { const { remoteName, mergeStrategies, onPullSuccess, onPullError, ...rest } = props; const [isSubmitting, setIsSubmitting] = useState(false); const computedIsSubmitting = isSubmitting || rest.isSubmitting; return React.createElement( EnhancedDialog, { title: React.createElement(FormattedMessage, { id: 'pullDialog.pullFrom', defaultMessage: 'Pull from {remoteName}', values: { remoteName } }), maxWidth: 'xs', ...rest, isSubmitting: computedIsSubmitting }, React.createElement(PullDialogContainer, { remoteName: remoteName, isSubmitting: computedIsSubmitting, mergeStrategies: mergeStrategies, onPullStart: () => setIsSubmitting(true), onPullSuccess: (result) => { setIsSubmitting(false); onPullSuccess?.(result); }, onPullError: (result) => { setIsSubmitting(false); onPullError?.(result); } }) ); } export default PullDialog;