golden hour

/home/phakp/public_html/wp/wp-content/themes/neve/dashboard/src/Components/Onboarding

File/Folder	Size	Actions
EditorSelector.js	2.58 KB
ImportModal.js	14.57 KB
ImportModalError.js	704 B
ImportModalNote.js	1.04 KB
ImportStepper.js	1.48 KB
Loading.js	1.26 KB
Main.js	4.44 KB
Migration.js	5.13 KB
PreviewFrame.js	2.49 KB
StarterSiteCard.js	1.99 KB
store	-

Edit: Migration.js

/* global neveDash */
import {send} from '../../utils/rest';
import {installPlugins} from '../../utils/site-import';
import ImportModalNote from './ImportModalNote';
import ImportModalError from './ImportModalError';

const {__} = wp.i18n;
const {Dashicon, Button, Modal} = wp.components;
const {useState, Fragment} = wp.element;
const {withDispatch} = wp.data;

const Migration = ({data, setToast}) => {
	const [ dismissed, setDismissed ] = useState(false);
	const [ modalOpen, setModalOpen ] = useState(false);
	const [ migrating, setMigrating ] = useState(false);
	const [ error, setError ] = useState(null);
	const [ frontPageID, setFrontPageID ] = useState(null);

if (dismissed) {
		return null;
	}

const closeModal = () => {
		if ('done' === migrating) {
			setDismissed(true);
		}
		setModalOpen(false);
		setError(null);
		setMigrating(false);
	};

function startMigration() {
		const plugins = Object.keys(data.mandatory_plugins).reduce(function (p, key) {
			p[key] = true;
			return p;
		}, {});

installPlugins(plugins).then(r => {
			setMigrating(true);
			if (! r.success) {
				setError({
					code: r.data || null,
					message: __('Something went wrong while installing the necessary plugins.', 'neve')
				});
				setMigrating(false);
				return false;
			}
			const {template, template_name} = data;
			send(neveDash.onboarding.root + '/migrate_frontpage',
				{
					template,
					template_name
				}
			).then(r => {
				if (! r.success) {
					setError({
						code: r.data || null,
						message: __('Something went wrong while importing the website content.', 'neve')
					});
					setMigrating(false);
					return false;
				}
				setFrontPageID(r.data);
				setMigrating('done');
			});

});
	}

return (
		<div className="ob-migration">
			{modalOpen && renderModal()}
			<h2>{data.heading}</h2>
			<p>{data.description}</p>
			<div className="card starter-site-card">
				<div className="top">
					{data.screenshot &&
					<div className="image">
						<img src={data.screenshot} alt={data.theme_name}/>
					</div>
					}
				</div>
				<div className="bottom">
					<p className="title">{data.theme_name}</p>
				</div>
			</div>
			<div className="actions">
				<Button
					isPrimary
					onClick={() => {
						setModalOpen(true);
						return false;
					}}
				>{__('Migrate', 'neve') + ' ' + data.theme_name}</Button>
				<Button
					isSecondary
					onClick={() => {
						send(neveDash.onboarding.root + '/dismiss_migration', {
							theme_mod: data.theme_mod
						}).then(r => {
							if (! r.success) {
								setToast(__('Something went wrong. Please reload the page and try again.', 'neve'));
								return false;
							}
							setToast(__('Dismissed', 'neve'));
							setDismissed(true);
						});
					}}
				>{__('Dismiss', 'neve')}</Button>
			</div>
		</div>
	);

};
export default withDispatch(dispatch => {
	const {setToast} = dispatch('neve-dashboard');
	return {
		setToast: (message) => {
			setToast(message);
		}
	};
})(Migration);

// export default Migration;