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: ImportModal.js

/*global neveDash*/
import { importContent, importMods, importWidgets, installPlugins } from '../../utils/site-import';
import { get } from '../../utils/rest';
import { trailingSlashIt } from '../../utils/common';
import ImportStepper from './ImportStepper';
import ImportModalNote from './ImportModalNote';
import classnames from 'classnames';
import ImportModalError from './ImportModalError';

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

const ImportModal = ({ setModal, editor, siteData, license }) => {
  const [ general, setGeneral ] = useState({
    content: true,
    customizer: true,
    widgets: true
  });
  const [ pluginsProgress, setPluginsProgress ] = useState(false);
  const [ contentProgress, setContentProgress ] = useState(false);
  const [ customizerProgress, setCustomizerProgress ] = useState(false);
  const [ widgetsProgress, setWidgetsProgress ] = useState(false);
  const [ frontPageID, setFrontPageID ] = useState(null);
  const [ currentStep, setCurrentStep ] = useState(null);
  const [ importing, setImporting ] = useState(false);
  const [ pluginOptions, setPluginOptions ] = useState(null);
  const [ error, setError ] = useState(null);
  const [ importData, setImportData ] = useState(null);
  const [ fetching, setFetching ] = useState(true);

useEffect(function getImportData() {

Object.keys(mandatory).map((key) => {
          mandatory[key] = true;
        });
        Object.keys(optional).map((key) => {
          optional[key] = ! defaultOff.includes(key);
        });

setPluginOptions({
          ...optional,
          ...mandatory
        });

setFetching(false);
      });
    }).catch(error => {
      setError({
        message: __('Something went wrong while loading the site data. Please refresh the page and try again.', 'neve'),
        code: 'ti__ob_failed_fetch_catch'
      });
      setFetching(false);
    });
  }, []);

return (
      <div className="options plugins">

<h3>{__('Plugins', 'neve')}:</h3>
        <ul>
          {Object.keys(allPlugins).map((slug) => {
            return (
              <li>
                <Dashicon icon="admin-plugins"
                          className={classnames({ 'active': pluginOptions[slug] })}/>
                <span dangerouslySetInnerHTML={{ __html: allPlugins[slug] }}/>
                {slug in importData['recommended_plugins'] &&
                <div className="toggle-wrapper">
                  <ToggleControl
                    checked={pluginOptions[slug]}
                    onChange={() => {
                      setPluginOptions({
                        ...pluginOptions,
                        [slug]: ! pluginOptions[slug]
                      });
                    }}
                  />
                </div>
                }
              </li>
            );
          })}
        </ul>
      </div>
    );
  };

function importDone() {
    setCurrentStep('done');
    setImporting(false);
  }

const map = {
      'plugins': __('Something went wrong while installing the necessary plugins.', 'neve'),
      'content': __('Something went wrong while importing the website content.', 'neve'),
      'customizer': __('Something went wrong while updating the customizer settings.', 'neve'),
      'widgets': __('Something went wrong while importing the widgets.', 'neve')
    };

switch (step) {
      case 'plugins':
        setPluginsProgress('error');
        break;
      case 'content':
        setContentProgress('error');
        break;
      case 'customizer':
        setCustomizerProgress('error');
        break;
      case 'widgets':
        setWidgetsProgress('error');
        break;
    }
    setError(error.data ? {
      message: map[step],
      code: error.data
    } : { message: map[step] });
  }

const closeModal = () => {
    if (importing) {
      return false;
    } else {
      setModal(false);
    }
  };

return (
    <Modal
      className={classnames([ 'ob-import-modal', { 'fetching': fetching } ])}
      title={(importData && ! fetching) ? importData.title : <span className="is-loading title"/>}
      onRequestClose={closeModal}
      shouldCloseOnClickOutside={! importing && ! fetching}
      isDismissible={! importing && ! fetching}
    >
      {fetching ?
        renderMock() :
        <Fragment>
          <div className="modal-body">
            {(! importing && 'done' !== currentStep && ! error) ?
              <Fragment>
                {renderNote()}
                <hr/>
                {renderOptions()}
                <hr/>
                {renderPlugins()}
              </Fragment> :
              <Fragment>
                {error &&
                <Fragment>
                  <ImportModalError message={error.message || null} code={error.code || null}/>
                  <hr/>
                </Fragment>
                }
                {null !== currentStep && <ImportStepper progress={{
                  plugins: pluginsProgress,
                  content: contentProgress,
                  customizer: customizerProgress,
                  widgets: widgetsProgress
                }} currentStep={currentStep} willDo={general}/>}
                {'done' === currentStep &&
                <Fragment>
                  <hr/>
                  <p className="import-result">
                    {__('Content was successfully imported. Enjoy your new site!', 'neve')}
                  </p>
                  <hr/>
                </Fragment>
                }
              </Fragment>
            }
          </div>
          {! importing &&
          <div className="modal-footer">
            {'done' !== currentStep ?
              <Fragment>
                <Button
                  isSecondary
                  onClick={closeModal}>
                  {__('Close', 'neve')}
                </Button>
                {! error &&
                <Button
                  isPrimary
                  disabled={allOptionsOff || ! externalPluginsInstalled}
                  onClick={() => {
                    setImporting(true);
                    runImport();
                  }}>
                  {__('Import', 'neve')}
                </Button>
                }
              </Fragment> :
              <Fragment>
                <Button
                  isLink
                  className="close"
                  onClick={closeModal}>
                  {__('Back to Sites Library', 'neve')}</Button>
                <Button
                  isSecondary
                  href={neveDash.onboarding.homeUrl}
                >{__('View Website', 'neve')}</Button>
                <Button isPrimary href={editLink}>
                  {__('Add your own content', 'neve')}
                </Button>
              </Fragment>
            }
          </div>
          }
        </Fragment>}
    </Modal>
  );
};

export default compose(
  withSelect((select) => {
    const { getLicense } = select('neve-dashboard');
    const { getCurrentEditor, getCurrentSite } = select('neve-onboarding');
    return {
      editor: getCurrentEditor(),
      siteData: getCurrentSite(),
      license: getLicense()
    };
  }),
  withDispatch((dispatch) => {
    const { setImportModalStatus } = dispatch('neve-onboarding');
    return {
      setModal: (status) => setImportModalStatus(status)
    };
  })
)(ImportModal);