| Server IP : 85.214.239.14 / Your IP : 18.222.161.57 Web Server : Apache/2.4.62 (Debian) System : Linux h2886529.stratoserver.net 4.9.0 #1 SMP Tue Jan 9 19:45:01 MSK 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.18 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : OFF | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /var/www/wordpress/wp-content/plugins/really-simple-ssl/settings/src/Onboarding/ |
Upload File : |
import {useEffect} from "@wordpress/element";
import Onboarding from "./Onboarding";
import Placeholder from '../Placeholder/Placeholder';
import { __ } from '@wordpress/i18n';
import Icon from "../utils/Icon";
import useOnboardingData from "./OnboardingData";
import useFields from "../Settings/FieldsData";
import RssslModal from "../../../modal/src/components/Modal/RssslModal";
import OnboardingControls from "./OnboardingControls";
const OnboardingModal = () => {
const {footerStatus, showOnboardingModal, fetchOnboardingModalStatus, modalStatusLoaded, currentStep, dismissModal} = useOnboardingData();
const {fieldsLoaded} = useFields();
useEffect(() => {
if ( !modalStatusLoaded ) {
fetchOnboardingModalStatus();
}
}, []);
useEffect(()=> {
if ( showOnboardingModal ) {
dismissModal(false);
}
}, [showOnboardingModal]);
const modalContent = () => {
return (
<>
{ !fieldsLoaded &&
<>
<ul>
<li><Icon name = "loading" />{__("Please wait while we detect your setup", "really-simple-ssl")}</li>
</ul>
<Placeholder lines="3"></Placeholder>
</>
}
{ fieldsLoaded && <Onboarding isModal={true} /> }
</>
)
}
const setOpen = (open) => {
if ( !open ) {
dismissModal(true);
}
}
const handleFooterStatus = () => {
if ( footerStatus.length === 0 ) {
return false;
}
return (
<>
<Icon name = "loading" color = 'grey' />
{footerStatus}
</>
)
}
return (
<>
<RssslModal
className={"rsssl-onboarding-modal"}
title={currentStep.title}
subTitle={currentStep.subtitle}
currentStep = {currentStep}
content={modalContent()}
isOpen={showOnboardingModal}
setOpen={setOpen}
buttons = <OnboardingControls isModal={true} />
footer = {handleFooterStatus() }
/>
</>
)
}
export default OnboardingModal;